{"title":"Crèmes solaires à large spectre et défense SPF","description":"\u003ch3 style=\"text-align: left;\"\u003e\u003cbr\/\u003e\u003c\/h3\u003e\n\u003ch3 style=\"text-align: left;\"\u003eLa lumière du soleil est la principale cause du cancer de la peau et du vieillissement\u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003ePrécoce!\u003c\/h3\u003e\n\u003cp data-mce-fragment=\"1\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003eSi vous pensez que la principale source de lumière et de vie sur la planète ne pourrait jamais être l'une des plus grandes causes\u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003eCancer de la peau et mélanome, je vous conseillerais d'y réfléchir à deux fois.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003ePlus de 70 % des Égyptiens ignorent l'utilisation des écrans solaires, ne réalisant pas le danger causé par les rayons ultraviolets qui provoquent des rides et un cancer de la peau. \u003c\/p\u003e\n\u003ch3 data-mce-fragment=\"1\" style=\"text-align: left;\"\u003eAlors, comment pouvez-vous bénéficier du soleil et éviter ses effets nocifs en même temps?\u003c\/h3\u003e\n\u003cp data-mce-fragment=\"1\" style=\"text-align: left;\"\u003eLa réponse : en filtrant et en bloquant les rayons nocifs du soleil grâce à des produits testés par nos laboratoires et nos clients\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e \u003cbr data-mce-fragment=\"1\"\/\u003e\u003c\/p\u003e","products":[{"product_id":"bioderma-photoderm-max-50-tinted-dry-touch","title":"bioderma photoderm max +50 tinted dry touch","description":"\u003csection class=\"row product photoderm\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"reveal product__buy col-12 col-lg-5 offset-lg-7 col-xl-4 offset-xl-8 grid-offset-gutter revealed\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"product__tab-content\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"tab-content\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"tab-pane fade show active\" id=\"benefice\" role=\"tabpanel\" aria-labelledby=\"benefice-tab\" data-mce-fragment=\"1\"\u003e\n\u003cp data-mce-fragment=\"1\"\u003eOffers a very high UVA\/UVB anti-shine protection Pleasant and easy application thanks to a fluid texture as light as water\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003eDry touch finish Ideal for all skin types, even combination to oily skin, sensitive skin or intolerant to all types of sunlight, very fair skin with freckles, skin exposed to maximum sunlight\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003eOil-free formula - Non-greasy texture Good skin tolerance - Non comedogenic - Unfragranced - Water resistant\u003c\/p\u003e\n\u003cdiv data-mce-fragment=\"1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section video photoderm product__video reveal anim-fade-in-up revealed\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"title-dash col-lg-6 offset-lg-4\" data-mce-fragment=\"1\"\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e","brand":"bioderma","offers":[{"title":"Default Title","offer_id":40639445631173,"sku":"INSTA0490CHIQ","price":340.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/101229-2-f-a-b-2fabde077bde901bcd8e7c8a3834af5910d1e45f_101229.jpg?v=1627189439"},{"product_id":"beesline-sunscreen-spf-50","title":"Crème solaire avec de la cire d'abeille de Beesline SPF 50","description":"\u003cp data-mce-fragment=\"1\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003eProtégez la peau des dommages des rayons solaires ultraviolets et de l'apparition des signes de vieillissement. Préparé pour convenir aux peaux sensibles, telles que la peau du visage, du cou et du décolleté. Sa formule n'est pas grasse et ne laisse pas d'effet blanc sur la peau, ce qui la rend idéale pour une utilisation avant l'application du maquillage\u003c\/p\u003e\n\u003cdiv class=\"destoponly\" data-mce-fragment=\"1\"\u003e\n\u003ch2 class=\"golden\" data-mce-fragment=\"1\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e\n\u003cspan data-mce-style=\"color: #d6b405;\" style=\"color: #d6b405;\"\u003e\u003cstrong\u003e\u003c\/strong\u003e\u003c\/span\u003e\u003cbr\/\u003e\n\u003c\/h2\u003e\n\u003ch2 class=\"golden\" data-mce-fragment=\"1\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003e\u003cspan data-mce-style=\"color: #d6b405;\" style=\"color: #d6b405;\"\u003e\u003cstrong\u003eChronologie des résultats visibles\u003c\/strong\u003e\u003c\/span\u003e\u003c\/h2\u003e\n\u003ch4 data-mce-fragment=\"1\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003eProtection complète contre les rayons solaires A, B et infrarouges\u003c\/h4\u003e\n\u003ch4 data-mce-fragment=\"1\" data-mce-style=\"text-align: right;\" style=\"text-align: left;\"\u003eCouverture transparente\u003cbr\/\u003e\n\u003c\/h4\u003e\n\u003cp\u003e \u003cbr\/\u003e\u003c\/p\u003e\n\u003cdiv class=\"ingredient-container\"\u003e\n\u003cdiv class=\"ingredient-top\"\u003e\n\u003ch5 style=\"text-align: left;\"\u003eIngrédients actifs\u003c\/h5\u003e\n\u003cp style=\"text-align: left;\"\u003eHuile Huile ,,, Huile Huile .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cbr\/\u003e\u003cbr\/\u003e\n\u003cdiv class=\"ingredient-bottom\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003eIngrédients en vedette\u003c\/h2\u003e\n\u003cdiv class=\"row\" style=\"text-align: left;\"\u003e\n\u003cdiv class=\"col-md-6\"\u003e\n\u003cdiv class=\"img-box\" style=\"text-align: center;\"\u003e\u003cimg alt=\"beeswax\" data-mce-src=\"https:\/\/shopbeesline.com\/pub\/media\/wysiwyg\/Beeswax.jpg\" height=\"340\" src=\"https:\/\/shopbeesline.com\/pub\/media\/wysiwyg\/Beeswax.jpg\" width=\"560\"\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"title\" data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\n\u003ch2\u003e\u003cspan\u003eDes abeilles\u003c\/span\u003e\u003c\/h2\u003e\n\u003ch2\u003eCire d'abeille\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"description\" data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eLa cire d'abeille est un nutriment riche en vitamine A, qui aide à construire les cellules, ainsi que des acides gras qui correspondent au sébum de la peau. La cire d'abeille agit comme un émollient et un humectant, elle rajeunit et adoucit la peau en attirant l'humidité à la surface de la peau et en retenant l'humidité  \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"col-md-6\"\u003e\n\u003cdiv class=\"img-box\"\u003e\n\u003cimg alt=\"SESAME\" data-mce-src=\"https:\/\/shopbeesline.com\/pub\/media\/wysiwyg\/Sesame-seed.jpg\" height=\"340\" src=\"https:\/\/shopbeesline.com\/pub\/media\/wysiwyg\/Sesame-seed.jpg\" width=\"560\"\/\u003e\n\u003cdiv class=\"title\"\u003e\n\u003cdiv class=\"title\" data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\n\u003ch2\u003e\u003cspan\u003eDe la nature\u003c\/span\u003e\u003c\/h2\u003e\n\u003ch2\u003eHuile de sésame\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"description\" data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eL'huile de sésame est efficace pour traiter et prévenir la sécheresse de la peau. Riche en antioxydants naturels tels que la vitamine E et le sélénium, elle absorbe les rayons ultraviolets B, protégeant la peau des dommages.\u003c\/div\u003e\n\u003cdiv class=\"description\" data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003eSoleil direct et premiers signes du vieillissement.  \u003cbr\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"description\" data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv data-mce-style=\"text-align: center;\" style=\"text-align: center;\"\u003e\u003cbr\/\u003e\u003c\/div\u003e","brand":"beesline","offers":[{"title":"Default Title","offer_id":40806279643333,"sku":"INSTA0571CHIQ","price":555.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/aew-bl0604-beesline-ultrascreen-cream-invisible-sun-filter-spf-50-1561800127.jpg?v=1635451748"},{"product_id":"bioderma-photoderm-max-aquafluide-spf-50-dry-touch-mat-finish-sunscreen-light-tint","title":"Bioderma Photoderm MAX Aquafluide SPF 50+ Dry Touch Mat Finish Sunscreen Light Tint","description":"\u003cp style=\"text-align: left;\"\u003eOffre une très haute protection anti-brillance UVA \/ UVB. Doux et facile à utiliser grâce à sa texture fluide et légère comme de l'eau. Fini velouté et sec. Idéal pour tous les types de peau, même les peaux mixtes à grasses, les peaux sensibles ou à faible tolérance à tous les types de soleil, les peaux très claires avec des taches de rousseur, les peaux exposées à un soleil extrême. Formule sans huile - texture non grasse. Bonne tolérance cutanée - ne bouche pas les pores - sans parfum - résistant à l'eau.\u003c\/p\u003e","brand":"Bioderma","offers":[{"title":"Default Title","offer_id":40865992442053,"sku":"INSTA0661CHIQ","price":349.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/51RNSYfd0aS._SL1000.png?v=1636979515"},{"product_id":"uriage-bariesun-milk-spf50","title":"Uriage BARIÉSUN MILK SPF50+","description":"\u003cdiv class=\"c-product__intro u-intro\" data-mce-fragment=\"1\"\u003e\n\u003cp data-mce-fragment=\"1\"\u003eThanks to a high performance filtering complex, the lotion provides very high protection against UVA and UVB rays, free radicals and prevents skin from drying out. Its light, non-greasy and pleasantly fragranced texture guarantees renewed pleasure of use each time that it is applied. This lotion guarantees high safety, high tolerance and fast absorption.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c-product__description c-content\" data-mce-fragment=\"1\"\u003e\n\u003ch2 data-mce-fragment=\"1\"\u003ePrevents photoaging\u003c\/h2\u003e\n\u003cp data-mce-fragment=\"1\"\u003eUriage Thermal Water, at the core of Bariésun formulas, fights against the harmful effects of the sun. The skin barrier is therefore reinforced and the DNA is protected against damage by UV rays*.\u003c\/p\u003e\n\u003ch2 data-mce-fragment=\"1\"\u003eProtects against UV rays\u003c\/h2\u003e\n\u003cp data-mce-fragment=\"1\"\u003eIts new complex of latest-generation filters provides very high protection against UV rays. This lotion guarantees proven photostability and broad UVB and UVA coverage.\u003c\/p\u003e\n\u003ch2 data-mce-fragment=\"1\"\u003eIntensely moisturizes\u003c\/h2\u003e\n\u003cp data-mce-fragment=\"1\"\u003eEnriched with Aquaspongines and Uriage Thermal Water, this lotion provides intense protection against dryness.\u003c\/p\u003e\n\u003c\/div\u003e","brand":"Uriage","offers":[{"title":"Default Title","offer_id":40866324414661,"sku":"INSTA0666CHIQ","price":429.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/sunscreen-tinted-copy.png?v=1642181655"},{"product_id":"infinity-sunscreen-lotion","title":"Lotion solaire Infinity Écran solaire offre 1+1","description":"\u003cp\u003eLa lotion solaire Infinity Care avec antioxydants et propriétés anti-âge hydratera et protégera votre visage et votre corps des rayons nocifs du soleil, prévenant les coups de soleil, la pigmentation et les effets néfastes des rayons UV.\u003cbr data-mce-fragment=\"1\"\/\u003e\u003cbr data-mce-fragment=\"1\"\/\u003eUtilisations du produit: \u003cbr data-mce-fragment=\"1\"\/\u003ePour la protection avant l'exposition au soleil.\u003cbr data-mce-fragment=\"1\"\/\u003ePour tous les types de peau\u003c\/p\u003e\n\u003cp\u003eSpécifications du produit\u003cbr data-mce-fragment=\"1\"\/\u003e\u003cbr data-mce-fragment=\"1\"\/\u003eOctocrylène - Avobenzone - Bisoctriazole - Pimotrizinol - Carbonate de Dicarryl - Cyclopentasiloxane - Panthénol - Acide Citrique - Vitamine E - Glycérine\u003cbr data-mce-fragment=\"1\"\/\u003e\u003cbr data-mce-fragment=\"1\"\/\u003eInstructions d'utilisation\u003cbr data-mce-fragment=\"1\"\/\u003e\u003cbr data-mce-fragment=\"1\"\/\u003eAppliquez-le 15 à 20 minutes avant l'exposition au soleil. Réappliquer généreusement toutes les deux heures pour la protection, surtout après la baignade, la transpiration ou l'essuyage avec une serviette.\u003c\/p\u003e","brand":"infinity","offers":[{"title":"Default Title","offer_id":41078260793541,"sku":"","price":330.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoisturec_34.jpg?v=1683377875"},{"product_id":"dermatique-mattifying-sunscreen","title":"Fluide solaire matifiant Dermatique SPF 50+ (Offre duo valeur 1+1))","description":"\u003ch2 style=\"text-align: center;\"\u003eAbsorbe les graisses, hydrate, protège.\u003c\/h2\u003e\n\u003cp\u003e \u003cimg alt=\"\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/PhotoRoom-20230501_180703_1024x1024.png?v=1682954787\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/PhotoRoom-20230501_180703_1024x1024.png?v=1682954787\" style=\"display: block; margin-left: auto; margin-left: auto;\"\/\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp\u003eUn fluide léger, sans huile, qui garantit une protection optimale à large spectre UVA\/UVB contre les effets nocifs du soleil, tout en régulant les sécrétions sébacées et en prévenant la brillance, protégeant votre peau des facteurs d'oxydation nocifs qui provoquent des signes de vieillissement prématuré. \u003c\/p\u003e\n\u003cp\u003e*Technologie Inhipase™ pour préserver la beauté des peaux sensibles.\u003c\/p\u003e\n\u003cp\u003e*Technologie Pollushield™ pour une protection de 24 heures contre la pollution.\u003c\/p\u003e\n\u003cp\u003e*Résistant à l'eau. Texture sèche.\u003c\/p\u003e\n\u003cp\u003e*Ne laisse pas de traces blanches. Résistant au polissage.\u003c\/p\u003e\n\u003cp\u003e*Sans allergènes. Ne bouche pas les pores.\u003c\/p\u003e\n\u003cp\u003e*Sans parabènes.\u003c\/p\u003e\n\u003cp\u003eUtilisation : Appliquer 30 minutes avant l'exposition au soleil. Renouveler toutes les deux heures ou après la baignade, la transpiration ou le séchage avec des tampons.\u003c\/p\u003e\n\u003cp\u003eAvertissements : Pour usage externe uniquement. Éviter le contact avec les yeux. Tenir hors de portée des enfants et dans un endroit frais et sec, à l'abri de la chaleur directe ou de la lumière du soleil.\u003c\/p\u003e\n\u003cp\u003eIngrédients : UVINUL EASY, VITAMINE E, EXTRAIT DE CAMOMILLE, TINOSORB S, PANTHÉNOL, POLLUSHIELD, UNIVUL A, OXYDE DE ZINC, CETIOL AB, GLYCÉRINE, ALLANTOÏNE.\u003c\/p\u003e\n\u003cdiv class=\"flex justify-between lg:block\"\u003e\n\u003cdiv class=\"text-gray-400 flex self-end lg:self-center justify-center mt-2 gap-2 md:gap-3 lg:gap-1 lg:absolute lg:top-0 lg:translate-x-full lg:right-0 lg:mt-0 lg:pl-2 visible\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"dermatique","offers":[{"title":"Default Title","offer_id":42082361016517,"sku":"","price":480.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoisturec_31.jpg?v=1682954163"},{"product_id":"kolagra-sunscreen-offer","title":"Présentation du Gel Solaire Kolagra SPF 50 pour Peau Normale à Mixte 1+1","description":"\u003cspan\u003eBroad spectrum Gel cream with antioxidant to maximize protection from UVA\u0026amp;UVB which can harm your skin, it combines both chemical and physical filters without residue on the skin .\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003eSuitable for normal to combined skin.\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003cspan\u003e- Free from paraben , Fragrance , Oxybenzone\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e- Titanium Dioxide .\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e- TINOSORB S.\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e- Vitamin E \u003c\/span\u003e","brand":"kolagra","offers":[{"title":"Default Title","offer_id":42086585401541,"sku":"","price":280.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/Untitleddesign_2.png?v=1677967055"},{"product_id":"عرض-offer-kolagra-sun-screen-lotion-120ml-1-1","title":"Offre Kolagra Lotion solaire 120ml (1+1))","description":"\u003cspan\u003eBroad spectrum Lotion with antioxidant to maximize protection from UVA \u0026amp; UVB which can destroy skin, it combined both chemical and physical filter without residue on the skin , suitable for all types of skin\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003cspan\u003eActive Ingredients\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e- Titanium Dioxide .\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e- TINOSORB S.\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e- Vitamin E .\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e- Panthenol :- moisturizer effect .\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003eFree from paraben , Fragrance , Oxybenzone\u003c\/span\u003e","brand":"kolagra","offers":[{"title":"Default Title","offer_id":42086599786693,"sku":"","price":210.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/products\/Untitleddesign_3.png?v=1677968279"},{"product_id":"farm-stay-كريم-واقي-الشمس-الخالي-من-الزيوت-spf50","title":"Crème solaire sans huile Farmstay SPF50+","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\"\u003eUn des meilleurs écrans solaires\u003c\/h2\u003e\n\u003cp style=\"text-align: center;\"\u003eSûr pour tous les types de peau, absorption rapide, sans symptômes ni résidus gênants\u003c\/p\u003e\n\u003ctable dir=\"ltr\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eAvantage\u003c\/th\u003e\n\u003cth\u003eCrème solaire Farmstay\u003c\/th\u003e\n\u003cth\u003eLa plupart des autres écrans solaires\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eType de peau\u003c\/td\u003e\n\u003ctd\u003eTous les types de peau, y compris les peaux grasses et sensibles\u003c\/td\u003e\n\u003ctd\u003ePeut ne pas convenir à tous les types de peau\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFacteur de protection solaire\u003c\/td\u003e\n\u003ctd\u003eSPF50+\u003c\/td\u003e\n\u003ctd\u003eCela peut être inférieur à SPF50+\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eProtection contre les radiations\u003c\/td\u003e\n\u003ctd\u003eProtection à large spectre contre les rayons UVA et UVB\u003c\/td\u003e\n\u003ctd\u003eCela peut ne pas offrir une protection étendue\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePrincipaux ingrédients\u003c\/td\u003e\n\u003ctd\u003eDoux pour la peau, tels que l'extrait d'aloe vera et l'acide hyaluronique\u003c\/td\u003e\n\u003ctd\u003ePeut contenir des ingrédients qui sont agressifs pour la peau\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eTexture\u003c\/td\u003e\n\u003ctd\u003eLéger et non gras\u003c\/td\u003e\n\u003ctd\u003eCela peut être gras ou lourd sur la peau et laisser un effet irritant\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eHydratation de la peau\u003c\/td\u003e\n\u003ctd\u003eOui, il contient des ingrédients hydratants tels que l’extrait d’aloès vera et l’acide hyaluronique\u003c\/td\u003e\n\u003ctd\u003ePeut ne pas contenir d'ingrédients hydratants\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp data-mce-fragment=\"1\"\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003eIngrédients principaux:\u003c\/p\u003e\n\u003cul data-mce-fragment=\"1\"\u003e\n\u003cli data-mce-fragment=\"1\"\u003eAqua pour hydrater la peau.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003eMéthoxycinnamate d'éthylhexyle, salicylate d'éthylhexyle et triazine d'éthylhexyle pour protéger la peau des rayons ultraviolets nocifs.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003eDioxyde de titane et oxyde de zinc pour une protection solaire immédiate et complète.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003eExtraits de plantes tels que l'extrait de feuille d'Aloe Barbadensis, l'extrait d'écorce de Morus Alba, l'extrait de fruit d'Olea Europaea, et des extraits d'agrumes tels que le pamplemousse (extrait de fruit de Citrus Paradisi), l'orange (extrait de fruit de Citrus Aurantium Dulcis) et la tomate (extrait de fruit de Solanum Lycopersicum). Pour nourrir et hydrater la peau.\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003eD'autres substances naturelles telles que la cire végétale et la cire d'abeille (Cire microcristalline, Cire d'abeille) aident à hydrater et protéger la peau.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp data-sourcepos=\"32:1-32:314\"\u003eSi vous recherchez un écran solaire léger, non gras et offrant une protection à large spectre, la crème solaire sans huile Farmstay est le choix parfait pour vous. Elle est également douce pour la peau, sans parabènes, huiles minérales ni autres produits chimiques nocifs. De plus, elle est très abordable et a reçu de nombreux avis positifs de la part des clients..\u003c\/p\u003e","brand":"Farm stay","offers":[{"title":"Default Title","offer_id":42376032092357,"sku":"","price":450.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/farmstayoilfreesunscreenuvdefense.jpg?v=1695887069"},{"product_id":"the-ordinary-mineral-uv-filters-spf-30","title":"the ordinary Mineral uv filters spf 30","description":"\u003ch1\u003eLe meilleur ami de votre peau : écran solaire SPF 30 à filtres minéraux UV avec antioxydants\u003c\/h1\u003e\n\u003cp\u003eProtégez votre peau avec élégance et soin grâce à la crème solaire à filtres UV minéraux SPF 30 avec antioxydants de The Ordinary. C'est une crème solaire minérale unique qui vous offre une protection SPF 30 avec des antioxydants et un soutien à l'hydratation.\u003c\/p\u003e\n\u003ch2\u003eQu'est-ce qui distingue ce produit?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFiltres minéraux:\u003c\/strong\u003e Cette crème solaire contient des filtres minéraux comme l'oxyde de zinc et le dioxyde de titane, ce qui la rend efficace pour protéger votre peau des rayons nocifs du soleil.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédients antioxydants:\u003c\/strong\u003e La formule contient des ingrédients antioxydants tels que l'astaxanthine, le féralate d'éthyle et l'extrait de feuille de Rosmarinus officinalis, qui aident à protéger votre peau des effets des radicaux libres et à favoriser une peau saine.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratant et protecteur:\u003c\/strong\u003e Grâce à des ingrédients tels que l'Hy aluronate de Sodium et l'Allantoïne, cette crème solaire offre un soutien efficace à l'hydratation et aux soins de votre peau.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eFaites de cette crème solaire une partie de votre routine quotidienne de soins de la peau et protégez votre peau du soleil efficacement et élégamment. Ne laissez pas le soleil gâcher votre beauté ; profitez d'une peau saine et radieuse avec la crème solaire Mineral UV Filters SPF 30 avec antioxydants de The Ordinary.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eTous les ingrédients: \u003cbr\/\u003e\u003cspan data-mce-fragment=\"1\"\u003eAqua (Water), Cyclopentasiloxane, Zinc Oxide, Titanium Dioxide, Glycerin, PEG-10 Dimethicone, Helianthus Annuus Seed Oil, PEG-9 Polydimethylsiloxyethyl Dimethicone, Caprylic\/Capric Triglyceride, Hexyl Laurate, Dimethicone\/PEG-10\/15 Crosspolymer, Polyglyceryl-4 Isostearate, Astaxanthin, Disodium Uridine Phosphate, Ethyl Ferulate, Rosmarinus Officinalis Leaf Extract, Tasmannia Lanceolata Fruit\/Leaf Extract, Haematococcus Pluvialis Extract, Picea Mariana Bark Extract, Arginine, Aspartic Acid, Glycine, Alanine, Serine, Valine, Isoleucine, Proline, Threonine, Histidine, Phenylalanine, Sodium PCA, PCA, Sodium Lactate, Glucose, Maltose, Fructose, Trehalose, Urea, Allantoin, Sodium Hyaluronate, Linoleic Acid, Oleic Acid, Phytosteryl Canola Glycerides, Palmitic Acid, Stearic Acid, Isochrysis Galbana Extract, Lysolecithin, Lecithin, Triolein, Pentylene Glycol, Dipropylene Glycol, Polyglyceryl-10 Oleate, Polyglyceryl-5 Trioleate, Polyglyceryl-10 Stearate, Tocopherol, Alumina, Citric Acid, Trisodium Ethylenediamine Disuccinate, Sodium Chloride, Sodium Hydroxide, Phenoxyethanol, Chlorphenesin.\u003c\/span\u003e\u003cbr\/\u003e\u003c\/p\u003e","brand":"The ordinary","offers":[{"title":"Default Title","offer_id":42399960432837,"sku":"","price":1450.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/rdn-mineral-uv-filters-spf-30-with-antioxidants-50ml.webp?v=1696848637"},{"product_id":"beauty-of-joseon-relief-sun-rice-probiotics-50ml","title":"Beauty of Joseon Relief Sun : Rice + Probiotics 50ml","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n    \/* Base styles *\/\n    .product-container {\n        max-width: 1000px;\n        margin: 0 auto;\n        padding: 20px;\n        color: #333;\n        line-height: 1.6;\n        direction: ltr;\n        \n        background-color: #ffffff;\n    }\n\n    \/* Typography *\/\n    .product-container h2, \n    .product-container h3 {\n        color: #9C8102;\n        margin-top: 1.8em;\n        margin-bottom: 0.8em;\n        font-weight: 700;\n    }\n\n    .product-container h2 {\n        font-size: 1.8rem;\n        position: relative;\n    }\n    \n    .product-container h2::after {\n        content: '';\n        display: block;\n        width: 80px;\n        height: 3px;\n        background-color: #9C8102;\n        margin-top: 10px;\n    }\n\n    .product-container h3 {\n        font-size: 1.4rem;\n        color: #777;\n        font-style: italic;\n        margin-top: -0.5em;\n    }\n\n    .product-container p {\n        font-size: 1.1rem;\n        margin-bottom: 1.2em;\n        line-height: 1.8;\n    }\n\n    .product-container strong {\n        color: #9C8102;\n        font-weight: bold;\n    }\n    \n    .product-container ul, \n    .product-container ol {\n        padding-left: 25px;\n        margin: 1.5em 0;\n    }\n    \n    .product-container li {\n        margin-bottom: 1em;\n        position: relative;\n    }\n    \n    .product-container li p {\n        margin-bottom: 0.5em;\n    }\n\n    \/* Hero image *\/\n    .hero-image {\n        max-width: 100%;\n        height: auto;\n        border-radius: 15px;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n        margin: 30px 0;\n        transition: transform 0.5s ease;\n    }\n\n    .hero-image:hover {\n        transform: scale(1.02);\n    }\n\n    \/* Introduction section with subtle background *\/\n    .intro-section {\n        background-color: #fafafa;\n        border-radius: 15px;\n        padding: 30px;\n        margin: 40px 0;\n        border-right: 4px solid #9C8102;\n    }\n\n    \/* Features section *\/\n    .features-section {\n        background-color: #ffffff;\n        border-radius: 15px;\n        padding: 30px;\n        margin: 40px 0;\n        border: 1px solid #f0f0f0;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n    }\n\n    \/* Process steps *\/\n    .process-steps {\n        counter-reset: step-counter;\n    }\n    \n    .process-step {\n        background-color: #ffffff;\n        border-radius: 10px;\n        padding: 20px;\n        margin-bottom: 15px;\n        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n        border-right: 3px solid #9C8102;\n        transition: transform 0.3s ease;\n        position: relative;\n    }\n    \n    .process-step:hover {\n        transform: translateX(-5px);\n    }\n    \n    .process-step::before {\n        counter-increment: step-counter;\n        content: counter(step-counter);\n        position: absolute;\n        right: -15px;\n        top: 50%;\n        transform: translateY(-50%);\n        width: 30px;\n        height: 30px;\n        background-color: #9C8102;\n        color: white;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-weight: bold;\n    }\n    \n    .step-title {\n        color: #9C8102;\n        font-weight: bold;\n        margin-bottom: 5px;\n    }\n\n    \/* Benefits grid *\/\n    .benefits-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 20px;\n        margin: 30px 0;\n    }\n    \n    .benefit-card {\n        background-color: #ffffff;\n        border-radius: 15px;\n        padding: 25px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n        border: 1px solid #f0f0f0;\n        transition: transform 0.3s ease;\n    }\n    \n    .benefit-card:hover {\n        transform: translateY(-8px);\n    }\n    \n    .benefit-title {\n        color: #9C8102;\n        font-weight: bold;\n        font-size: 1.1rem;\n        margin-bottom: 10px;\n    }\n\n    \/* Two column section *\/\n    .two-column-section {\n        display: flex;\n        gap: 30px;\n        margin: 40px 0;\n    }\n    \n    .column {\n        flex: 1;\n        min-width: 300px;\n    }\n    \n    .column img {\n        width: 100%;\n        height: auto;\n        border-radius: 15px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n    }\n\n    \/* Call to action - Black *\/\n    .cta-section {\n        background: #000000;\n        color: white;\n        padding: 40px;\n        border-radius: 15px;\n        text-align: center;\n        margin: 40px 0;\n    }\n    \n    .cta-title {\n        color: white;\n        font-size: 1.6rem;\n        margin-bottom: 20px;\n        position: relative;\n    }\n    \n    .cta-title::after {\n        content: '';\n        display: block;\n        width: 60px;\n        height: 3px;\n        background-color: #9C8102;\n        margin: 15px auto 0;\n    }\n    \n    .cta-text {\n        font-size: 1.1rem;\n        margin-bottom: 30px;\n        color: white;\n    }\n    \n    .cta-button {\n        display: inline-block;\n        padding: 12px 35px;\n        background-color: #9C8102;\n        color: white;\n        font-weight: bold;\n        border-radius: 30px;\n        text-decoration: none;\n        font-size: 1.1rem;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\n    }\n    \n    .cta-button:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);\n        background-color: #b49a1c;\n    }\n\n    \/* Separator *\/\n    .separator {\n        height: 1px;\n        background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.3), transparent);\n        margin: 40px 0;\n        width: 100%;\n    }\n\n    \/* Animation classes *\/\n    .fade-in {\n        opacity: 0;\n        transform: translateY(20px);\n        transition: opacity 0.8s ease, transform 0.8s ease;\n    }\n    \n    .fade-in.visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    \/* Badge *\/\n    .spf-badge {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        background-color: #9C8102;\n        color: white;\n        padding: 5px 15px;\n        border-radius: 20px;\n        font-weight: bold;\n        margin-left: 10px;\n    }\n\n    \/* Responsive adjustments *\/\n    @media (max-width: 768px) {\n        .benefits-grid {\n            grid-template-columns: 1fr;\n        }\n        \n        .two-column-section {\n            flex-direction: column;\n        }\n        \n        .process-step::before {\n            right: 10px;\n            top: 10px;\n            transform: none;\n        }\n        \n        .process-step {\n            padding-left: 45px;\n        }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003cimg alt=\"Beauty of Joseon Relief Sun\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Relief_Sun_Rice_Probiotics_50ml.jpg?v=1745773366\"\/\u003e\n\u003ch2\u003eSUPER PROTECTION : Bouclier solaire avec soin coréen\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Introduction Section --\u003e\n\u003cdiv class=\"intro-section fade-in\"\u003e\n\u003cp\u003e: \u003cstrong\u003eBeauty of Joseon Relief Sun: Rice + Probiotics SPF50+ PA++++ (50ml)\u003c\/strong\u003e C'est un écran solaire coréen innovant qui combine une protection à large spectre avec un SPF50+ PA++++ élevé et une formule riche en nutriments pour hydrater et nourrir en profondeur la peau. Ce protecteur contient 30 % d'extrait de riz fermenté et un mélange de probiotiques qui rééquilibrent le microbiome cutané et apaisent les rougeurs et la sécheresse. Grâce à sa texture légère et brillante qui disparaît instantanément sans laisser de film gras ou blanc, Relief Sun allie efficacité et confort quotidien pour tous les types de peau, même les plus sensibles..\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Complete Protection Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003cimg alt=\"Beauty of Joseon Relief Sun Protection\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Relief_Sun_Rice_Probiotics_50ml_2.jpg?v=1745773397\"\/\u003e\n\u003ch2\u003eProtection complète sans compromis\u003c\/h2\u003e\n\u003ch3\u003e- Formulation avancée pour prévenir les dommages causés par le soleil -\u003c\/h3\u003e\n\u003cp\u003eRelief Sun offre une protection efficace contre les rayons UVA et UVB grâce à des filtres chimiques avancés garantissant SPF50+ PA++++, réduisant le risque de coups de soleil et d'hyperpigmentation résultant de l'exposition quotidienne au soleil. Formule sans parfum, sans alcool et sûre (niveau vert EWG), adaptée aux peaux sensibles et à celles allergiques aux écrans solaires conventionnels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003cimg alt=\"Beauty of Joseon Relief Sun Texture\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Relief_Sun.webp?v=1745773502\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"features-section fade-in\"\u003e\n\u003ch2\u003eDuo hydratation et nutrition : riz et probiotiques dans un mélange unique\u003c\/h2\u003e\n\u003ch3\u003e- Ingrédients naturels pour une hydratation profonde et un apaisement instantané -\u003c\/h3\u003e\n\u003cdiv class=\"two-column-section\"\u003e\n\u003cdiv class=\"column\"\u003e\n\u003cimg alt=\"Beauty of Joseon Relief Sun Ingredients\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_relief_sun_rice_probiotics.webp?v=1745773561\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"column\"\u003e\n\u003cp\u003eRelief Sun combine 30 % d'extrait de riz fermenté avec un mélange de probiotiques et de céréales fermentées, riche en vitamines B, C, E, en acides aminés et en minéraux, pour offrir à la peau une hydratation instantanée et apaiser les rougeurs et la sécheresse tout au long de la journée.\u003c\/p\u003e\n\u003cp\u003eLa formule est également enrichie en niacinamide, qui équilibre les niveaux de sébum et d'humidité de la peau, réduisant la taille des pores pour un aspect plus lisse et plus repulpé.\u003c\/p\u003e\n\u003cdiv style=\"display: flex; gap: 10px; margin-top: 20px;\"\u003e\n\u003cspan class=\"spf-badge\"\u003eSPF50+\u003c\/span\u003e\n\u003cspan class=\"spf-badge\"\u003ePA++++\u003c\/span\u003e\n\u003cspan class=\"spf-badge\"\u003eEWG GREEN\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003ch2\u003eComment fonctionne le produit?\u003c\/h2\u003e\n\u003ch3\u003e- La technologie hydratante agit en synergie avec la protection solaire -\u003c\/h3\u003e\n\u003cdiv class=\"process-steps\"\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eDébut du calme\u003c\/div\u003e\n\u003cp\u003eLors de l'application du protecteur, les probiotiques et le riz fermenté apaisent la peau et soulagent les sensations de sécheresse et de rougeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eBarrière protectrice forte\u003c\/div\u003e\n\u003cp\u003eLes filtres SPF50+ PA++++ reflètent et absorbent les rayons nocifs avant qu'ils ne pénètrent la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eHydratant et nourrissant\u003c\/div\u003e\n\u003cp\u003eLe riz fermenté libère ses ingrédients hydratants en profondeur dans la peau, tandis que la niacinamide renforce la barrière naturelle d'eau de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eFinition légère\u003c\/div\u003e\n\u003cp\u003eLa texture gel brillante s'absorbe rapidement, laissant la peau douce sans aucun résidu blanc ni collant gênant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Advantages Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003ch2\u003eLe secret de l'excellence : Pourquoi Relief Sun surpasse-t-il les autres?\u003c\/h2\u003e\n\u003ch3\u003e- Résultats pratiques et expérience utilisateur fiable -\u003c\/h3\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eTexture irrésistible\u003c\/h4\u003e\n\u003cp\u003eLéger comme l'air, il se fond dans la peau sans laisser de trace de graisse ou de blanchiment gênant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eEfficacité prouvée\u003c\/h4\u003e\n\u003cp\u003eL'un des écrans solaires les mieux notés au monde avec des évaluations dépassant 4,5 étoiles de la part de millions d'utilisateurs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eFormule scientifique et naturelle\u003c\/h4\u003e\n\u003cp\u003eCombine des filtres chimiques avancés avec des extraits organiques traditionnels de riz fermenté et des probiotiques, pour assurer une protection et une hydratation complètes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eReconnaissance des experts\u003c\/h4\u003e\n\u003cp\u003eRecommandé par Allure comme l'un des meilleurs écrans solaires coréens pour sa combinaison de protection et de style, et approuvé par les dermatologues grâce à sa formule sûre et efficace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eConvient à toutes les conditions\u003c\/h4\u003e\n\u003cp\u003eIl fonctionne parfaitement dans des conditions de forte humidité et prévient une sensation de lourdeur ou de glissement, en faisant le choix parfait pour une utilisation quotidienne sous ou sans maquillage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action Section - Black --\u003e\n\u003cdiv class=\"cta-section fade-in\"\u003e\n\u003ch2 class=\"cta-title\"\u003eProtégez votre peau avec l'élégance coréenne ultime\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003eProfitez d'une protection SPF50+ avec une hydratation et une nutrition profondes dans un seul produit. Dites adieu aux écrans solaires lourds et blancs, et bonjour à un éclat sain et protégé toute la journée!\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eAchetez maintenant\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    \/\/ Add subtle animations and interactions\n    (function() {\n        \/\/ Function to handle fade-in animations\n        const observeElements = (elements, callback) =\u003e {\n            const observer = new IntersectionObserver((entries) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        callback(entry.target);\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.1 });\n            \n            elements.forEach(el =\u003e observer.observe(el));\n        };\n        \n        \/\/ Apply animations to fade-in elements when they come into view\n        observeElements(document.querySelectorAll('.fade-in'), (element) =\u003e {\n            setTimeout(() =\u003e {\n                element.classList.add('visible');\n            }, 100);\n        });\n        \n        \/\/ Add hover effects to process steps\n        document.querySelectorAll('.process-step').forEach(step =\u003e {\n            step.addEventListener('mouseenter', () =\u003e {\n                step.style.transform = 'translateX(-5px)';\n            });\n            \n            step.addEventListener('mouseleave', () =\u003e {\n                step.style.transform = '';\n            });\n        });\n    })();\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44691703300293,"sku":"","price":950.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/51KXcVZceoL.jpg?v=1745768552"},{"product_id":"bobai-sunscreen-extra-lightening-gel-spf-50-واقي-الشمس-المفتح-من-بوباي","title":"Gel solaire éclaircissant Bobai Extra Lightening SPF 50 est un écran solaire éclaircissant de Bobai","description":"\u003cdiv class=\"product-description-container\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n    .product-description-container {\n      direction: ltr;\n      text-align: left;\n      font-family:inherit;\n      line-height: 1.6;\n      color: #333;\n      max-width: 100%;\n      margin: 0 auto;\n      overflow-x: hidden;\n    }\n\n    .hero-section {\n      background: linear-gradient(135deg, #000 0%, #9C8102 100%);\n      padding: 40px 30px;\n      border-radius: 12px;\n      margin-bottom: 30px;\n      position: relative;\n      overflow: hidden;\n      opacity: 0;\n      transform: translateY(30px);\n      animation: fadeInUp 1s ease forwards;\n    }\n\n    .hero-section::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      right: 0;\n      width: 200px;\n      height: 200px;\n      background: rgba(156, 129, 2, 0.1);\n      border-radius: 50%;\n      transform: translate(50%, -50%);\n    }\n\n    .hero-title {\n      color: #9C8102;\n      font-size: 2.5em;\n      font-weight: bold;\n      margin-bottom: 15px;\n      position: relative;\n      z-index: 2;\n    }\n\n    .hero-subtitle {\n      color: white;\n      font-size: 1.2em;\n      margin-bottom: 20px;\n      position: relative;\n      z-index: 2;\n    }\n\n    .dual-action-highlight {\n      background: #333;\n      color: #9C8102;\n      padding: 15px 25px;\n      border-radius: 25px;\n      display: inline-block;\n      font-weight: bold;\n      margin: 15px 0;\n      border: 2px solid #9C8102;\n      position: relative;\n      z-index: 2;\n    }\n\n    .question-section {\n      background: #f5f5f5;\n      padding: 30px;\n      border-radius: 10px;\n      margin: 30px 0;\n      border-right: 5px solid #9C8102;\n      opacity: 0;\n      animation: fadeIn 1s ease 0.2s forwards;\n    }\n\n    .question-text {\n      font-size: 1.4em;\n      font-weight: bold;\n      color: #9C8102;\n      margin-bottom: 15px;\n    }\n\n    .answer-text {\n      font-size: 1.1em;\n      color: #333;\n      line-height: 1.6;\n    }\n\n    .problem-highlight {\n      background: #333;\n      color: white;\n      padding: 20px;\n      border-radius: 8px;\n      margin: 15px 0;\n      border-right: 4px solid #9C8102;\n    }\n\n    .solution-highlight {\n      background: #9C8102;\n      color: white;\n      padding: 20px;\n      border-radius: 8px;\n      margin: 15px 0;\n      font-weight: bold;\n    }\n\n    .ingredients-section {\n      background: white;\n      border: 2px solid #9C8102;\n      border-radius: 12px;\n      padding: 35px;\n      margin: 40px 0;\n      opacity: 0;\n      animation: fadeIn 1s ease 0.4s forwards;\n    }\n\n    .section-title {\n      color: #9C8102;\n      font-size: 2em;\n      font-weight: bold;\n      margin-bottom: 20px;\n      text-align: center;\n    }\n\n    .ingredients-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n      gap: 25px;\n      margin: 40px 0;\n      opacity: 0;\n      animation: fadeIn 1s ease 0.6s forwards;\n    }\n\n    .ingredient-card {\n      background: white;\n      border: 2px solid #e0e0e0;\n      border-radius: 15px;\n      padding: 25px;\n      transition: all 0.3s ease;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .ingredient-card:hover {\n      border-color: #9C8102;\n      transform: translateY(-5px);\n      box-shadow: 0 15px 30px rgba(156, 129, 2, 0.15);\n    }\n\n    .ingredient-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      right: 0;\n      width: 100%;\n      height: 4px;\n      background: #9C8102;\n      transform: scaleX(0);\n      transform-origin: right;\n      transition: transform 0.3s ease;\n    }\n\n    .ingredient-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    .ingredient-title {\n      color: #9C8102;\n      font-size: 1.6em;\n      font-weight: bold;\n      margin-bottom: 10px;\n    }\n\n    .ingredient-subtitle {\n      color: #666;\n      font-size: 1.1em;\n      margin-bottom: 15px;\n      font-weight: bold;\n    }\n\n    .benefits-list {\n      list-style: none;\n      padding: 0;\n      margin: 15px 0;\n      color: #333;\n    }\n\n    .benefits-list li {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      margin-bottom: 10px;\n      padding: 8px 0;\n      color: inherit;\n    }\n\n    .benefits-list li::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: #9C8102;\n      border-radius: 50%;\n      flex-shrink: 0;\n    }\n\n    .usage-section {\n      background: #000;\n      color: white;\n      padding: 40px;\n      border-radius: 15px;\n      margin: 40px 0;\n      opacity: 0;\n      animation: fadeIn 1s ease 0.8s forwards;\n    }\n\n    .usage-section .section-title {\n      color: #9C8102;\n    }\n\n    .usage-steps {\n      background: #333;\n      border-radius: 10px;\n      padding: 25px;\n      margin: 25px 0;\n    }\n\n    .step-list {\n      list-style: none;\n      padding: 0;\n      counter-reset: step-counter;\n    }\n\n    .step-list li {\n      counter-increment: step-counter;\n      margin: 15px 0;\n      padding: 15px;\n      background: rgba(255, 255, 255, 0.1);\n      border-radius: 8px;\n      position: relative;\n      padding-left: 50px;\n    }\n\n    .step-list li::before {\n      content: counter(step-counter);\n      background: #9C8102;\n      color: white;\n      width: 30px;\n      height: 30px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-weight: bold;\n      position: absolute;\n      right: 10px;\n      top: 50%;\n      transform: translateY(-50%);\n    }\n\n    .timeline-section {\n      background: #f5f5f5;\n      padding: 40px;\n      border-radius: 15px;\n      margin: 40px 0;\n      opacity: 0;\n      animation: fadeIn 1s ease 1s forwards;\n      color: #333;\n    }\n\n    .timeline-item {\n      margin: 25px 0;\n      padding: 20px;\n      background: white;\n      border-radius: 10px;\n      border-right: 5px solid #9C8102;\n      transition: all 0.3s ease;\n      display: flex;\n      align-items: center;\n      gap: 20px;\n    }\n\n    .timeline-item:hover {\n      transform: translateX(-5px);\n      box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n    }\n\n    .timeline-period {\n      background: #9C8102;\n      color: white;\n      padding: 10px 15px;\n      border-radius: 20px;\n      font-weight: bold;\n      min-width: 120px;\n      text-align: center;\n      flex-shrink: 0;\n    }\n\n    .timeline-content {\n      font-size: 1.1em;\n      font-weight: bold;\n    }\n\n    .warning-section {\n      background: #333;\n      color: white;\n      padding: 35px;\n      border-radius: 15px;\n      margin: 40px 0;\n      text-align: center;\n      opacity: 0;\n      animation: fadeIn 1s ease 1.2s forwards;\n    }\n\n    .warning-title {\n      color: #9C8102;\n      font-size: 1.8em;\n      font-weight: bold;\n      margin-bottom: 20px;\n    }\n\n    .sun-damage-fact {\n      background: rgba(255, 107, 107, 0.1);\n      border: 2px solid #ff6b6b;\n      border-radius: 10px;\n      padding: 25px;\n      margin: 20px 0;\n      font-size: 1.2em;\n      line-height: 1.5;\n    }\n\n    .cta-section {\n      background: linear-gradient(135deg, #000 0%, #9C8102 100%);\n      color: white;\n      padding: 50px 40px;\n      border-radius: 15px;\n      margin: 40px 0;\n      text-align: center;\n      opacity: 0;\n      animation: fadeIn 1s ease 1.4s forwards;\n    }\n\n    .cta-title {\n      font-size: 2.2em;\n      font-weight: bold;\n      margin-bottom: 20px;\n      color: #9C8102;\n    }\n\n    .cta-text {\n      font-size: 1.2em;\n      margin-bottom: 30px;\n      line-height: 1.5;\n    }\n\n    .investment-highlight {\n      background: rgba(156, 129, 2, 0.1);\n      border: 2px solid #9C8102;\n      border-radius: 10px;\n      padding: 20px;\n      margin: 20px 0;\n      font-weight: bold;\n    }\n\n    @keyframes fadeInUp {\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes fadeIn {\n      to {\n        opacity: 1;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .hero-title {\n        font-size: 2em;\n      }\n      \n      .section-title {\n        font-size: 1.6em;\n      }\n      \n      .ingredients-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .timeline-item {\n        flex-direction: column;\n        text-align: center;\n      }\n\n      .timeline-period {\n        min-width: auto;\n        margin-bottom: 10px;\n      }\n    }\n  \u003c\/style\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eÉclaircir solaire SPF 50\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eProtection + éclaircissement en un seul produit\u003c\/p\u003e\n\u003cdiv class=\"dual-action-highlight\"\u003eProtection quotidienne + éclaircissement progressif = double résultat\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Question Section --\u003e\n\u003cdiv class=\"question-section\"\u003e\n\u003cdiv class=\"question-text\"\u003ePourquoi choisir une crème solaire éclaircissante?\u003c\/div\u003e\n\u003cdiv class=\"answer-text\"\u003e\n\u003cdiv class=\"problem-highlight\"\u003e\n\u003cstrong\u003eLe problème des crèmes solaires classiques\u003c\/strong\u003e Il ne fait que protéger, mais... \u003cstrong\u003eLes taches sombres existantes restent telles quelles\u003c\/strong\u003e.\n      \u003c\/div\u003e\n\u003cdiv class=\"solution-highlight\"\u003e\n\u003cstrong\u003eÉclaircir la crème solaire éclaircissante\u003c\/strong\u003e Avec vos mains \u003cstrong\u003eProtection + traitement\u003c\/strong\u003e En même temps. Au lieu d'utiliser deux produits distincts, un seul produit agit sur les deux fronts.\n      \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eIngrédients actifs\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Grid --\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003c!-- Glabridin Card --\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-title\"\u003eGlabridin\u003c\/div\u003e\n\u003cdiv class=\"ingredient-subtitle\"\u003eÉclaircissant naturel à base de réglisse\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eInhibe l'enzyme tyrosinase\u003c\/strong\u003e Responsable de la production de mélanine\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÉclaircit progressivement les taches foncées\u003c\/strong\u003e Sans irritation\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSûr pour un usage quotidien\u003c\/strong\u003e Contrairement à l'hydroquinone\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eConvient aux peaux sensibles\u003c\/strong\u003e Il ne provoque pas d'inflammation\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- SPF 50 Protection Card --\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-title\"\u003eProtection SPF 50\u003c\/div\u003e\n\u003cdiv class=\"ingredient-subtitle\"\u003eProtection UV supérieure\u003c\/div\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHaute protection UVA\/UVB\u003c\/strong\u003e Prévient la formation de nouvelles taches\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCombat les radicaux libres\u003c\/strong\u003e Cause le vieillissement de la peau\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrévient l'aggravation des taches existantes\u003c\/strong\u003e De l'exposition au soleil\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eUtilisation simple\u003c\/h2\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003col class=\"step-list\"\u003e\n\u003cli\u003e\u003cstrong\u003eAppliquez quotidiennement 20 minutes avant l'exposition au soleil\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRéappliquer toutes les deux heures\u003c\/strong\u003e Pour protection continue\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUtilisez-le même les jours nuageux\u003c\/strong\u003e - Les rayons ultraviolets sont toujours présents\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChronologie des résultats visibles\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003eImmédiatement\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003eProtection solaire et une texture légère confortable\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003eDeux semaines\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003ePrévenir la formation de nouvelles taches\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003eUn mois\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003eLe début d'un léger éclaircissement des taches existantes\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003e3 mois\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003eUne amélioration claire du teint de la peau\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-period\"\u003e6 mois\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003eRésultats stables dans l'éclaircissement des taches\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Warning Section --\u003e\n\u003cdiv class=\"warning-section\"\u003e\n\u003cdiv class=\"warning-title\"\u003eUn fait important sur les dommages causés par le soleil\u003c\/div\u003e\n\u003cdiv class=\"sun-damage-fact\"\u003e\n\u003cstrong\u003eChaque rayon de soleil décompose le collagène. Être exposé au soleil sans protection est le chemin le plus rapide vers le vieillissement prématuré\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"investment-highlight\"\u003e\n\u003cp\u003e\u003cstrong\u003eÉclaircir solaire SPF 50\u003c\/strong\u003e Il \u003cstrong\u003eUn investissement intelligent pour la santé et la beauté de votre peau\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eProtection quotidienne + éclaircissement progressif = double résultat avec un seul produit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eProtégez votre peau maintenant\u003c\/h2\u003e\n\u003cdiv class=\"cta-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eN'attendez pas que les taches sombres ou les signes de vieillissement apparaissent\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCommencez la protection et le traitement aujourd’hui\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"font-size: 1.4em; color: #9C8102;\"\u003e\u003cstrong\u003eCommandez-le maintenant... et gardez votre peau protégée et éclatante chaque jour.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    \/\/ Smooth scroll animations\n    function observeElements() {\n      const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach((entry) =\u003e {\n          if (entry.isIntersecting) {\n            entry.target.style.opacity = '1';\n            entry.target.style.transform = 'translateY(0)';\n          }\n        });\n      }, {\n        threshold: 0.1,\n        rootMargin: '0px 0px -50px 0px'\n      });\n\n      \/\/ Observe elements for scroll animations\n      document.querySelectorAll('.ingredient-card, .timeline-item').forEach((el) =\u003e {\n        el.style.opacity = '0';\n        el.style.transform = 'translateY(20px)';\n        el.style.transition = 'all 0.6s ease';\n        observer.observe(el);\n      });\n    }\n\n    \/\/ Enhanced hover effects\n    function addHoverEffects() {\n      const cards = document.querySelectorAll('.ingredient-card, .timeline-item');\n      \n      cards.forEach(card =\u003e {\n        card.addEventListener('mouseenter', function() {\n          this.style.transform = 'translateY(-8px) translateX(-5px)';\n          this.style.boxShadow = '0 15px 35px rgba(156, 129, 2, 0.2)';\n        });\n        \n        card.addEventListener('mouseleave', function() {\n          this.style.transform = '';\n          this.style.boxShadow = '';\n        });\n      });\n    }\n\n    \/\/ Dual action highlight pulse effect\n    function addPulseEffect() {\n      const dualActionHighlight = document.querySelector('.dual-action-highlight');\n      if (dualActionHighlight) {\n        setInterval(() =\u003e {\n          dualActionHighlight.style.transform = 'scale(1.05)';\n          setTimeout(() =\u003e {\n            dualActionHighlight.style.transform = 'scale(1)';\n          }, 200);\n        }, 3000);\n      }\n    }\n\n    \/\/ Sun damage fact glow effect\n    function addSunDamageGlow() {\n      const sunDamageFact = document.querySelector('.sun-damage-fact');\n      if (sunDamageFact) {\n        setInterval(() =\u003e {\n          sunDamageFact.style.boxShadow = '0 0 20px rgba(255, 107, 107, 0.5)';\n          setTimeout(() =\u003e {\n            sunDamageFact.style.boxShadow = 'none';\n          }, 1000);\n        }, 5000);\n      }\n    }\n\n    \/\/ Timeline items sequential animation\n    function addTimelineAnimation() {\n      const timelineItems = document.querySelectorAll('.timeline-item');\n      \n      const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach((entry, index) =\u003e {\n          if (entry.isIntersecting) {\n            setTimeout(() =\u003e {\n              entry.target.style.opacity = '1';\n              entry.target.style.transform = 'translateX(0)';\n            }, index * 200);\n            observer.unobserve(entry.target);\n          }\n        });\n      });\n\n      timelineItems.forEach((item, index) =\u003e {\n        item.style.opacity = '0';\n        item.style.transform = 'translateX(30px)';\n        item.style.transition = 'all 0.6s ease';\n        observer.observe(item);\n      });\n    }\n\n    \/\/ Initialize all effects when DOM is loaded\n    document.addEventListener('DOMContentLoaded', function() {\n      observeElements();\n      addHoverEffects();\n      addPulseEffect();\n      addSunDamageGlow();\n      addTimelineAnimation();\n    });\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Bobai","offers":[{"title":"Default Title","offer_id":44945745969349,"sku":null,"price":325.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/BobaiExtraLightning.webp?v=1753545997"},{"product_id":"medicube-collagen-firming-sun-cream-50-ml","title":"Crème solaire raffermissante et éclaircissante Medicube au collagène (SPF50+ PA++++) - 50 ml","description":"\u003cdiv class=\"medicube-container\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n    .medicube-container {\n      direction: ltr;\n      text-align: left;\n      max-width: 100%;\n      margin: 0 auto;\n      font-family:inherit;\n      line-height: 1.6;\n      color: #333;\n    }\n\n    .medicube-container * {\n      box-sizing: border-box;\n    }\n\n    .main-title {\n      color: #9C8102;\n      font-size: 2.8em;\n      font-weight: bold;\n      margin-bottom: 30px;\n      text-shadow: 2px 2px 4px rgba(0,0,0,0.1);\n      text-align: center;\n      opacity: 0;\n      transform: translateY(30px);\n      animation: fadeInUp 1s ease-out forwards;\n    }\n\n    .product-image {\n      width: 100%;\n      max-width: 600px;\n      height: auto;\n      margin: 20px auto;\n      display: block;\n      border-radius: 15px;\n      box-shadow: 0 8px 25px rgba(0,0,0,0.15);\n      opacity: 0;\n      transform: scale(0.9);\n      animation: scaleIn 1s ease-out 0.3s forwards;\n    }\n\n    .highlight-question {\n      background: #000;\n      color: white;\n      padding: 30px;\n      border-radius: 15px;\n      margin: 30px 0;\n      font-size: 1.4em;\n      font-weight: bold;\n      text-align: center;\n      opacity: 0;\n      transform: rotateX(15deg);\n      animation: rotateIn 1s ease-out 0.5s forwards;\n      border: 2px solid #9C8102;\n    }\n\n    .problem-solution {\n      background: #f8f9fa;\n      padding: 25px;\n      border-radius: 12px;\n      border-right: 4px solid #9C8102;\n      margin: 25px 0;\n      opacity: 0;\n      transform: translateX(30px);\n      animation: slideInRight 0.8s ease-out 0.7s forwards;\n    }\n\n    .section-header {\n      background: #000;\n      color: white;\n      padding: 25px;\n      margin: 40px 0 20px 0;\n      border-radius: 10px;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.95);\n    }\n\n    .section-title {\n      color: #9C8102;\n      font-size: 2em;\n      font-weight: bold;\n      margin-bottom: 10px;\n    }\n\n    .benefit-section {\n      margin: 30px 0;\n      padding: 25px;\n      background: white;\n      border-radius: 12px;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.08);\n      border-right: 4px solid #9C8102;\n      opacity: 0;\n      transform: translateX(30px);\n    }\n\n    .benefit-title {\n      color: #9C8102;\n      font-size: 1.3em;\n      font-weight: bold;\n      margin-bottom: 15px;\n    }\n\n    .ingredient-highlight {\n      background: #e9ecef;\n      padding: 10px 15px;\n      border-radius: 8px;\n      margin: 10px 0;\n      border-right: 3px solid #9C8102;\n    }\n\n    .result-highlight {\n      background: #f8f9fa;\n      padding: 10px 15px;\n      border-radius: 8px;\n      margin: 10px 0;\n      border-right: 3px solid #d4af37;\n    }\n\n    .collagen-section {\n      background: #000;\n      color: white;\n      padding: 40px;\n      border-radius: 15px;\n      margin: 40px 0;\n      text-align: center;\n      opacity: 0;\n      transform: rotateY(15deg);\n      border: 2px solid #9C8102;\n    }\n\n    .collagen-types {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n      gap: 25px;\n      margin: 30px 0;\n    }\n\n    .collagen-type {\n      background: white;\n      color: #333;\n      padding: 25px;\n      border-radius: 12px;\n      border-top: 4px solid #9C8102;\n      opacity: 0;\n      transform: translateY(30px);\n    }\n\n    .collagen-type h4 {\n      color: #9C8102;\n      font-size: 1.2em;\n      font-weight: bold;\n      margin-bottom: 15px;\n    }\n\n    .feature-list {\n      list-style: none;\n      padding: 0;\n      margin: 15px 0;\n    }\n\n    .feature-item {\n      background: #f8f9fa;\n      margin-bottom: 10px;\n      padding: 15px;\n      border-radius: 8px;\n      border-right: 3px solid #9C8102;\n      display: flex;\n      align-items: flex-start;\n      gap: 10px;\n    }\n\n    .feature-bullet {\n      width: 8px;\n      height: 8px;\n      background: #9C8102;\n      border-radius: 50%;\n      margin-top: 8px;\n      flex-shrink: 0;\n    }\n\n    .protection-stats {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 20px;\n      margin: 25px 0;\n    }\n\n    .stat-card {\n      background: white;\n      padding: 20px;\n      border-radius: 10px;\n      box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n      text-align: center;\n      border-top: 4px solid #9C8102;\n      opacity: 0;\n      transform: translateY(20px);\n    }\n\n    .stat-number {\n      font-size: 2.5em;\n      font-weight: bold;\n      color: #9C8102;\n      display: block;\n    }\n\n    .amino-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 20px;\n      margin: 30px 0;\n    }\n\n    .amino-function {\n      background: #f8f9fa;\n      padding: 20px;\n      border-radius: 10px;\n      border-right: 4px solid #9C8102;\n      opacity: 0;\n      transform: translateX(20px);\n    }\n\n    .amino-function h4 {\n      color: #9C8102;\n      margin-bottom: 10px;\n      font-weight: bold;\n    }\n\n    .hydration-section {\n      background: #f5f5f5;\n      padding: 30px;\n      border-radius: 15px;\n      margin: 30px 0;\n      border: 2px solid #9C8102;\n    }\n\n    .hydration-types {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 20px;\n      margin: 25px 0;\n    }\n\n    .hydration-type {\n      background: white;\n      padding: 20px;\n      border-radius: 10px;\n      border-right: 4px solid #9C8102;\n      opacity: 0;\n      transform: translateY(25px);\n    }\n\n    .choice-section {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n      gap: 30px;\n      margin: 40px 0;\n    }\n\n    .choice-card {\n      padding: 30px;\n      border-radius: 15px;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.9);\n    }\n\n    .choice-delay {\n      background: #f0f0f0;\n      border: 2px solid #666;\n      color: #333;\n    }\n\n    .choice-smart {\n      background: #e8e8e8;\n      border: 2px solid #9C8102;\n      color: #333;\n    }\n\n    .ingredients-complete {\n      background: #000;\n      color: white;\n      padding: 40px;\n      border-radius: 15px;\n      margin: 40px 0;\n    }\n\n    .ingredient-category {\n      background: #333;\n      padding: 20px;\n      border-radius: 10px;\n      margin: 20px 0;\n      border-right: 4px solid #9C8102;\n    }\n\n    .ingredient-category h4 {\n      color: #9C8102;\n      margin-bottom: 15px;\n      font-weight: bold;\n    }\n\n    .ingredient-list {\n      list-style: none;\n      padding: 0;\n    }\n\n    .ingredient-list li {\n      padding: 8px 0;\n      border-bottom: 1px solid #555;\n    }\n\n    .ingredient-list li:last-child {\n      border-bottom: none;\n    }\n\n    .cta-final {\n      background: #000;\n      color: white;\n      padding: 50px;\n      border-radius: 20px;\n      text-align: center;\n      margin: 50px 0;\n      opacity: 0;\n      transform: scale(0.8);\n      border: 3px solid #9C8102;\n    }\n\n    .urgency-text {\n      font-size: 1.3em;\n      font-weight: bold;\n      margin: 20px 0;\n      animation: pulse 2s infinite;\n    }\n\n    @keyframes fadeInUp {\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes slideInRight {\n      to {\n        opacity: 1;\n        transform: translateX(0);\n      }\n    }\n\n    @keyframes scaleIn {\n      to {\n        opacity: 1;\n        transform: scale(1);\n      }\n    }\n\n    @keyframes rotateIn {\n      to {\n        opacity: 1;\n        transform: rotateX(0);\n      }\n    }\n\n    @keyframes rotateInY {\n      to {\n        opacity: 1;\n        transform: rotateY(0);\n      }\n    }\n\n    @keyframes pulse {\n      0%, 100% { transform: scale(1); }\n      50% { transform: scale(1.05); }\n    }\n\n    @media (max-width: 768px) {\n      .main-title {\n        font-size: 2.2em;\n      }\n      \n      .collagen-types,\n      .amino-grid,\n      .hydration-types,\n      .choice-section {\n        grid-template-columns: 1fr;\n      }\n      \n      .highlight-question {\n        font-size: 1.2em;\n        padding: 20px;\n      }\n    }\n  \u003c\/style\u003e\n\u003c!-- Main Title --\u003e\n\u003ch1 class=\"main-title\"\u003eÉcran Solaire au Collagène Medicube - une technologie coréenne révolutionnaire qui change les règles du jeu\u003c\/h1\u003e\n\u003c!-- Main Product Image --\u003e\n\u003cimg alt=\"Écran solaire au collagène de Medicube\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicube_collagen_sun_cream.avif?v=1753548925\"\/\u003e\n\u003c!-- Highlight Question --\u003e\n\u003cdiv class=\"highlight-question\"\u003e\n    Pourquoi payer plus pour une crème solaire normale quand vous pouvez avoir 3 traitements en un seul produit?\n  \u003c\/div\u003e\n\u003c!-- Problem \u0026 Solution --\u003e\n\u003cdiv class=\"problem-solution\"\u003e\n\u003cp\u003e\u003cstrong\u003eChaque matin vous faites face à un choix:\u003c\/strong\u003e Protégez-vous seulement votre peau du soleil... ou la protégez-vous, la traitez et l'embellissez en même temps?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLe problème des crèmes solaires classiques\u003c\/strong\u003e Ils protègent contre l'avenir mais ignorent le présent. \u003cstrong\u003eVotre peau a besoin de plus que de la protection... elle a besoin de reconstruction et de renouveau.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eMedicube Collagen Firming Sun Cream\u003c\/strong\u003e Ce n'est pas juste de la crème solaire \u003cstrong\u003eUn investissement quotidien dans la jeunesse de votre peau\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Main Benefits Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003ePlus qu'un écran solaire... c'est un produit de prévention, de beauté et de traitement\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 2 --\u003e\n\u003cimg alt=\"Bienfaits de la crème solaire au collagène\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicube_collagen_sun_cream_spf_50_2.webp?v=1753548754\"\/\u003e\n\u003c!-- Individual Benefits --\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eProtection UV supérieure\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eComposant responsable:\u003c\/strong\u003e Titanium Dioxide + Ethylhexyl Triazone\n    \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eRésultat:\u003c\/strong\u003e Protection SPF50+ PA+++ contre les coups de soleil futurs, la pigmentation et les rides\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eRéduire les rides et les ridules\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eComposant responsable:\u003c\/strong\u003e Complexe de collagène 5000 ppm (4 types de collagène))\n    \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eRésultat:\u003c\/strong\u003e Raffermissement naturel de la peau et amélioration visible des ridules en 4 à 6 semaines\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eÉclat instantané et unification du teint\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eComposant responsable:\u003c\/strong\u003e Iron Oxides\n    \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eRésultat:\u003c\/strong\u003e La couleur pêche naturelle cache les imperfections et donne de l'éclat dès la première utilisation\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eRégénération des cellules de la peau et anti-âge\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eComposant responsable:\u003c\/strong\u003e 17 Amino Acid Complex + Adenosine\n    \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eRésultat:\u003c\/strong\u003e Peau plus douce, plus élastique et plus éclatante avec une utilisation continue\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eHydratation profonde durable\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eComposant responsable:\u003c\/strong\u003e Complexe d'acide hyaluronique (4 types) + Céramide NP\n    \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eRésultat:\u003c\/strong\u003e Hydratation qui dure des heures et renforce la barrière naturelle de la peau\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eProtection contre les radicaux libres et la pollution\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eComposant responsable:\u003c\/strong\u003e Chlorella Vulgaris Extract + Amino Acids\n    \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eRésultat:\u003c\/strong\u003e Résister aux facteurs de vieillissement environnementaux et maintenir une peau jeune\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eEffet maquillage naturel sans maquillage\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eComposant responsable:\u003c\/strong\u003e Peach-tinted formula\n    \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eRésultat:\u003c\/strong\u003e Apparence instantanément améliorée, convenant aux hommes et aux femmes\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Collagen Technology Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eTechnologie coréenne exclusive : 5000 ppm de collagène quaternaire\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 3 --\u003e\n\u003cimg alt=\"Technologie coréenne du collagène\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicube_collagen_sun_cream_spf_50_1.webp?v=1753548778\"\/\u003e\n\u003cdiv class=\"collagen-section\"\u003e\n\u003ch2 style=\"font-size: 2em; margin-bottom: 20px;\"\u003eLe collagène n'est pas seulement un ingrédient... c'est le secret de la jeunesse permanente\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2em;\"\u003e\u003cstrong\u003eEntreprise Medicube\u003c\/strong\u003e Elle a passé des années à rechercher le collagène et a mis au point une formule révolutionnaire: \u003cstrong\u003eUne combinaison de 4 types différents de collagène\u003c\/strong\u003e À une concentration de 5000 ppm - \u003cstrong\u003eLa plus haute concentration au monde dans les écrans solaires\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"collagen-types\"\u003e\n\u003cdiv class=\"collagen-type\"\u003e\n\u003ch4\u003eCollagène hydrolysé - Pénètre dans la peau en quelques secondes\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eDe très petites particules\u003c\/strong\u003e Atteint immédiatement les couches profondes\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eStimule la production naturelle de collagène\u003c\/strong\u003e Dans votre peau\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRemplit les ridules de l'intérieur\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"collagen-type\"\u003e\n\u003ch4\u003eExtrait de collagène - Force concentrée\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eNutrition cellulaire intense\u003c\/strong\u003e Endommagé par le soleil\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eReconstruit les tissus\u003c\/strong\u003e Endommagé et relâché\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAméliore l'élasticité de la peau\u003c\/strong\u003e Significativement\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"collagen-type\"\u003e\n\u003ch4\u003eCollagène soluble - absorption immédiate\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eNe laisse aucune trace\u003c\/strong\u003e À la surface de la peau\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eSon effet dure longtemps\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRésultats cumulatifs à chaque utilisation\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sun Protection Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eProtection supérieure SPF50+ PA+++ - le bouclier invincible\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 4 --\u003e\n\u003cimg alt=\"Protection solaire SPF50+\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/3-in-1-collagen-firming-sunscreen-42107171537152.webp?v=1753548820\"\/\u003e\n\u003cdiv class=\"problem-solution\"\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 15px;\"\u003eTous les écrans solaires ne protègent pas de manière égale\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSPF50+ PA+++\u003c\/strong\u003e Pas seulement des chiffres... ceci \u003cstrong\u003eGarantie scientifique\u003c\/strong\u003e Que votre peau est protégée contre:\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"protection-stats\"\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e99%\u003c\/span\u003e\n\u003cp\u003eDes rayons ultraviolets nocifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e100%\u003c\/span\u003e\n\u003cp\u003eDes brûlures et infections immédiates\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e95%\u003c\/span\u003e\n\u003cp\u003eRéduire la pigmentation et les futures taches\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e85%\u003c\/span\u003e\n\u003cp\u003eRéduire les rides résultant des dommages causés par le soleil\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-solution\"\u003e\n\u003cp\u003e\u003cstrong\u003eTechnologie à double protection:\u003c\/strong\u003e Protecteurs physiques + chimiques = \u003cstrong\u003eLa protection la plus forte possible\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Glow Effect Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eEffet éclaircissant instantané - beauté instantanée avec une couleur pêche naturelle\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 5 --\u003e\n\u003cimg alt=\"Effet éclaircissant instantané\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicube_collagen_sun_cream_spf_50_3.webp?v=1753548723\"\/\u003e\n\u003cdiv class=\"problem-solution\"\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 15px;\"\u003eCe n'est pas juste de la protection... c'est un embellissement professionnel\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eCouleur pêche\u003c\/strong\u003e Scientifiquement étudié pour convenir à tous les types de peau:\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"protection-stats\"\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eMasque les imperfections\u003c\/h4\u003e\n\u003cp\u003eEt la pigmentation immédiatement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eÉclat naturel\u003c\/h4\u003e\n\u003cp\u003eSans maquillage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eUnifie le teint\u003c\/h4\u003e\n\u003cp\u003eIl améliore son apparence\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003ePour hommes et femmes\u003c\/h4\u003e\n\u003cp\u003eRésultat 100 % naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eRésultat:\u003c\/strong\u003e Il protège votre peau et en même temps elle a meilleure apparence que lorsque vous avez quitté la maison.\n  \u003c\/div\u003e\n\u003c!-- Amino Acids Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eComplexe d'acides aminés - une armée de 17 guerriers anti-âge\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003eChaque acide aminé a une tâche spécifique pour reconstruire votre peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-solution\"\u003e\n\u003cp\u003e\u003cstrong\u003ePourquoi les acides aminés sont-ils importants?\u003c\/strong\u003e Parce que \u003cstrong\u003eLes éléments constitutifs des protéines\u003c\/strong\u003e Qu'est-ce qui construit votre peau.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e17 acides aminés\u003c\/strong\u003e Ensemble fonctionne comme une équipe professionnelle:\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amino-grid\"\u003e\n\u003cdiv class=\"amino-function\"\u003e\n\u003ch4\u003eGlycine + Proline\u003c\/h4\u003e\n\u003cp\u003eStimule la production de nouveau collagène et renforce la structure de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amino-function\"\u003e\n\u003ch4\u003eArginine + Lysine\u003c\/h4\u003e\n\u003cp\u003eStimuler la circulation sanguine et accélérer la régénération\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amino-function\"\u003e\n\u003ch4\u003eLeucine + Valine\u003c\/h4\u003e\n\u003cp\u003eRéparer les tissus endommagés par le soleil\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amino-function\"\u003e\n\u003ch4\u003eLes 11 acides restants\u003c\/h4\u003e\n\u003cp\u003eSoutien complet pour le renouvellement et la vitalité de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-highlight\" style=\"text-align: center; font-size: 1.2em;\"\u003e\n\u003cstrong\u003eRésultat:\u003c\/strong\u003e Votre peau n'est pas seulement protégée... elle est renouvelée chaque jour.\n  \u003c\/div\u003e\n\u003c!-- Hydration Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eHydratation profonde avec technologie multi-couche\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003eCe n'est pas juste hydrater... c'est reconstruire la barrière cutanée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-section\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px; text-align: center;\"\u003eCéramide Aqua - l'architecte de la peau\u003c\/h3\u003e\n\u003cdiv class=\"hydration-types\"\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eReconstruction de la barrière naturelle\u003c\/h4\u003e\n\u003cp\u003eDestructeur provenant du soleil et de la pollution\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eRetenir l'humidité\u003c\/h4\u003e\n\u003cp\u003ePour de longues heures sans dessécher\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003ePrévenir la perte d'eau\u003c\/h4\u003e\n\u003cp\u003eDe la peau toute la journée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-section\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px; text-align: center;\"\u003eComplexe d'acide hyaluronique - Réservoir d'hydratation\u003c\/h3\u003e\n\u003cp style=\"text-align: center; margin-bottom: 25px;\"\u003e\u003cstrong\u003e4 types différents\u003c\/strong\u003e De l'acide hyaluronique:\u003c\/p\u003e\n\u003cdiv class=\"hydration-types\"\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eSodium Hyaluronate\u003c\/h4\u003e\n\u003cp\u003eHydratation instantanée de la surface et douceur tactile\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eHydrolyzed Hyaluronic Acid\u003c\/h4\u003e\n\u003cp\u003ePénétration profonde dans les couches internes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eSodium Hyaluronate Crosspolymer\u003c\/h4\u003e\n\u003cp\u003eHydratation de longue durée qui dure des heures\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eHydroxypropyltrimonium Hyaluronate\u003c\/h4\u003e\n\u003cp\u003eProtection contre les facteurs externes et la pollution\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Decision Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eLa décision d'aujourd'hui détermine la forme de votre peau dans 5 ans\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003eVous avez deux choix\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"choice-section\"\u003e\n\u003cdiv class=\"choice-card choice-delay\"\u003e\n\u003ch3 style=\"color: #666; font-size: 1.8em; margin-bottom: 20px;\"\u003ePremière option : report\u003c\/h3\u003e\n\u003cul class=\"feature-list\" style=\"text-align: left;\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #666;\"\u003e\u003c\/div\u003e\n\u003cspan\u003ePréférez utiliser des produits réguliers\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #666;\"\u003e\u003c\/div\u003e\n\u003cspan\u003eVous voyez votre peau se détériorer progressivement\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #666;\"\u003e\u003c\/div\u003e\n\u003cspan\u003eVous aurez besoin de traitements plus coûteux et plus difficiles plus tard\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #666;\"\u003e\u003c\/div\u003e\n\u003cspan\u003eVous regrettez de ne pas avoir investi dans votre peau plus tôt\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"choice-card choice-smart\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.8em; margin-bottom: 20px;\"\u003eDeuxième choix : investissement intelligent\u003c\/h3\u003e\n\u003cul class=\"feature-list\" style=\"text-align: left;\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #9C8102;\"\u003e\u003c\/div\u003e\n\u003cspan\u003etu obtiens \u003cstrong\u003eLa technologie coréenne la plus récente\u003c\/strong\u003e Dans les soins de la peau\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #9C8102;\"\u003e\u003c\/div\u003e\n\u003cspan\u003eProtège, traite et embellit votre peau chaque jour\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #9C8102;\"\u003e\u003c\/div\u003e\n\u003cspan\u003eVous verrez de vrais résultats en quelques mois\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #9C8102;\"\u003e\u003c\/div\u003e\n\u003cspan\u003eRegard \u003cstrong\u003ePlus jeune et plus fraîche\u003c\/strong\u003e Avec le temps\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-final\"\u003e\n\u003ch2 style=\"font-size: 2.5em; margin-bottom: 20px;\"\u003eCommandez maintenant... avant qu'il ne soit trop tard\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.3em; margin-bottom: 25px;\"\u003e\u003cstrong\u003eMedicube Collagen Firming Sun Cream\u003c\/strong\u003e Ce n'est pas juste de la crème solaire \u003cstrong\u003ePartenaire de succès\u003c\/strong\u003e Dans le parcours de préservation de votre jeunesse.\u003c\/p\u003e\n\u003cdiv class=\"urgency-text\"\u003e\n      50 ml suffisent pour un mois et demi de protection et de traitement avancé. Les résultats commenceront dès le premier jour, et la transformation complète se produira en quelques mois.\n    \u003c\/div\u003e\n\u003cp style=\"font-size: 1.2em; margin: 25px 0;\"\u003e\n\u003cstrong\u003eVotre peau n'attendra pas votre décision... et le temps n'est pas de votre côté. Investissez en vous dès maintenant.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv class=\"urgency-text\" style=\"font-size: 1.4em; color: #fff;\"\u003e\n      Commandez-le maintenant... et ne laissez pas le regret vous prendre plus que ce qu'il a déjà pris.\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Complete Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-complete\"\u003e\n\u003ch2 style=\"color: #9C8102; font-size: 2.2em; text-align: center; margin-bottom: 30px;\"\u003eComposition \u003c\/h2\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eIngrédients de protection solaire:\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eTitanium Dioxide:\u003c\/strong\u003e Un protecteur physique sûr pour les peaux sensibles\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEthylhexyl Triazone + Diethylamino Hydroxybenzoyl Hexyl Benzoate:\u003c\/strong\u003e Agents chimiques de protection très efficaces\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eComplexe de collagène (5000 ppm)):\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydrolyzed Collagen:\u003c\/strong\u003e Collagène hydrolysé à absorption rapide\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCollagen Extract:\u003c\/strong\u003e Extrait de collagène naturel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoluble Collagen:\u003c\/strong\u003e Collagène soluble pour une hydratation profonde\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eComplexe d'acides aminés:\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eGlycine, Serine, Glutamic Acid, Aspartic Acid, Leucine, Alanine, Lysine, Arginine, Tyrosine, Phenylalanine, Proline, Threonine, Valine, Isoleucine, Histidine, Cysteine, Methionine:\u003c\/strong\u003e 17 acides aminés essentiels\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eComposé d'acide hyaluronique:\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSodium Hyaluronate + Hydrolyzed Hyaluronic Acid + Hyaluronic Acid + Sodium Hyaluronate Crosspolymer:\u003c\/strong\u003e Hydratation multi-couches\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eCéramides et hydratants:\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eCeramide NP:\u003c\/strong\u003e Renforcer la barrière cutanée\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePanthenol (Pro-Vitamin B5):\u003c\/strong\u003e Apaisant et hydratant\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNiacinamide:\u003c\/strong\u003e Améliore la texture et le ton de la peau\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eComposants supplémentaires:\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdenosine:\u003c\/strong\u003e Anti-rides approuvé par la FDA\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIron Oxides:\u003c\/strong\u003e Oxydes de fer pour une couleur pêche naturelle\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eChlorella Vulgaris Extract:\u003c\/strong\u003e Antioxydant naturel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    \/\/ Enhanced Intersection Observer for animations\n    const observerOptions = {\n      threshold: 0.1,\n      rootMargin: '0px 0px -50px 0px'\n    };\n\n    const observer = new IntersectionObserver((entries) =\u003e {\n      entries.forEach(entry =\u003e {\n        if (entry.isIntersecting) {\n          const element = entry.target;\n          \n          if (element.classList.contains('benefit-section')) {\n            element.style.animation = 'slideInRight 0.8s ease-out forwards';\n          } else if (element.classList.contains('section-header')) {\n            element.style.animation = 'scaleIn 0.8s ease-out forwards';\n          } else if (element.classList.contains('collagen-section')) {\n            element.style.animation = 'rotateInY 1s ease-out forwards';\n          } else if (element.classList.contains('collagen-type')) {\n            element.style.animation = 'fadeInUp 0.8s ease-out forwards';\n          } else if (element.classList.contains('stat-card')) {\n            element.style.animation = 'fadeInUp 0.6s ease-out forwards';\n          } else if (element.classList.contains('amino-function')) {\n            element.style.animation = 'slideInRight 0.6s ease-out forwards';\n          } else if (element.classList.contains('hydration-type')) {\n            element.style.animation = 'fadeInUp 0.7s ease-out forwards';\n          } else if (element.classList.contains('choice-card')) {\n            element.style.animation = 'scaleIn 0.8s ease-out forwards';\n          } else if (element.classList.contains('cta-final')) {\n            element.style.animation = 'scaleIn 1.2s ease-out forwards';\n          }\n        }\n      });\n    }, observerOptions);\n\n    \/\/ Initialize animations on page load\n    document.addEventListener('DOMContentLoaded', () =\u003e {\n      const animatedElements = document.querySelectorAll('.benefit-section, .section-header, .collagen-section, .collagen-type, .stat-card, .amino-function, .hydration-type, .choice-card, .cta-final');\n      \n      animatedElements.forEach(el =\u003e {\n        observer.observe(el);\n      });\n\n      \/\/ Add staggered delays\n      const benefitSections = document.querySelectorAll('.benefit-section');\n      benefitSections.forEach((section, index) =\u003e {\n        section.style.animationDelay = `${index * 0.15}s`;\n      });\n\n      const collagenTypes = document.querySelectorAll('.collagen-type');\n      collagenTypes.forEach((type, index) =\u003e {\n        type.style.animationDelay = `${index * 0.2}s`;\n      });\n\n      const statCards = document.querySelectorAll('.stat-card');\n      statCards.forEach((card, index) =\u003e {\n        card.style.animationDelay = `${index * 0.1}s`;\n      });\n\n      const aminoFunctions = document.querySelectorAll('.amino-function');\n      aminoFunctions.forEach((func, index) =\u003e {\n        func.style.animationDelay = `${index * 0.1}s`;\n      });\n\n      const hydrationTypes = document.querySelectorAll('.hydration-type');\n      hydrationTypes.forEach((type, index) =\u003e {\n        type.style.animationDelay = `${index * 0.15}s`;\n      });\n\n      const choiceCards = document.querySelectorAll('.choice-card');\n      choiceCards.forEach((card, index) =\u003e {\n        card.style.animationDelay = `${index * 0.3}s`;\n      });\n    });\n\n    \/\/ Enhanced hover effects\n    document.addEventListener('DOMContentLoaded', () =\u003e {\n      const benefitSections = document.querySelectorAll('.benefit-section');\n      \n      benefitSections.forEach(section =\u003e {\n        section.addEventListener('mouseenter', () =\u003e {\n          section.style.transform = 'translateY(-8px)';\n          section.style.boxShadow = '0 12px 30px rgba(0,0,0,0.15)';\n        });\n        \n        section.addEventListener('mouseleave', () =\u003e {\n          section.style.transform = 'translateY(0)';\n          section.style.boxShadow = '0 4px 15px rgba(0,0,0,0.08)';\n        });\n      });\n\n      const statCards = document.querySelectorAll('.stat-card');\n      statCards.forEach(card =\u003e {\n        card.addEventListener('mouseenter', () =\u003e {\n          card.style.transform = 'translateY(-5px) scale(1.02)';\n        });\n        \n        card.addEventListener('mouseleave', () =\u003e {\n          card.style.transform = 'translateY(0) scale(1)';\n        });\n      });\n    });\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Medicube","offers":[{"title":"Default Title","offer_id":44945797775557,"sku":null,"price":1250.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicubesuncollagensuncream.webp?v=1753548668"},{"product_id":"vacation-sunscreen-lotion-spray-بخاخ-واقي-الشمس-فاكيشن","title":"Lotion solaire en spray VACATION","description":"\u003cdiv class=\"vacation-container\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n    .vacation-container {\n      direction: ltr;\n      text-align: left;\n      max-width: 100%;\n      margin: 0 auto;\n      font-family:inherit;\n      line-height: 1.6;\n      color: #333;\n    }\n\n    .vacation-container * {\n      box-sizing: border-box;\n    }\n\n    \/* Sun Animation *\/\n    .sun-decoration {\n      position: fixed;\n      top: 50px;\n      left: 50px;\n      z-index: -1;\n      opacity: 0.1;\n    }\n\n    .sun {\n      position: relative;\n      width: 100px;\n      height: 100px;\n      animation: sunRotate 20s linear infinite;\n    }\n\n    .sun-center {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 40px;\n      height: 40px;\n      background: #9C8102;\n      border-radius: 50%;\n      animation: sunPulse 3s ease-in-out infinite;\n    }\n\n    .sun-ray {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 3px;\n      height: 25px;\n      background: linear-gradient(to top, #9C8102, transparent);\n      transform-origin: bottom center;\n    }\n\n    .sun-ray-1 { transform: translate(-50%, -100%) rotate(0deg); }\n    .sun-ray-2 { transform: translate(-50%, -100%) rotate(45deg); }\n    .sun-ray-3 { transform: translate(-50%, -100%) rotate(90deg); }\n    .sun-ray-4 { transform: translate(-50%, -100%) rotate(135deg); }\n    .sun-ray-5 { transform: translate(-50%, -100%) rotate(180deg); }\n    .sun-ray-6 { transform: translate(-50%, -100%) rotate(225deg); }\n    .sun-ray-7 { transform: translate(-50%, -100%) rotate(270deg); }\n    .sun-ray-8 { transform: translate(-50%, -100%) rotate(315deg); }\n\n    \/* Floating particles *\/\n    .vacation-container::before {\n      content: '';\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: radial-gradient(circle at 20% 30%, rgba(156, 129, 2, 0.03) 1px, transparent 1px),\n                  radial-gradient(circle at 80% 70%, rgba(156, 129, 2, 0.02) 1px, transparent 1px),\n                  radial-gradient(circle at 60% 20%, rgba(156, 129, 2, 0.04) 1px, transparent 1px);\n      animation: floatingParticles 15s ease-in-out infinite;\n      pointer-events: none;\n      z-index: -1;\n    }\n\n    .main-title {\n      color: #9C8102;\n      font-size: 2.8em;\n      font-weight: bold;\n      margin-bottom: 30px;\n      text-shadow: 2px 2px 4px rgba(0,0,0,0.1);\n      text-align: center;\n      opacity: 0;\n      transform: translateY(30px);\n      animation: fadeInUp 1s ease-out forwards;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .main-title::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);\n      animation: shimmer 3s ease-in-out 2s infinite;\n    }\n\n    .product-image {\n      width: 100%;\n      max-width: 500px;\n      height: auto;\n      margin: 30px auto;\n      display: block;\n      border-radius: 20px;\n      box-shadow: 0 10px 30px rgba(0,0,0,0.15);\n      opacity: 0;\n      transform: scale(0.9) rotateY(10deg);\n      animation: imageReveal 1.2s ease-out 0.5s forwards;\n      transition: all 0.4s ease;\n    }\n\n    .product-image:hover {\n      transform: scale(1.02) rotateY(0deg);\n      box-shadow: 0 15px 40px rgba(0,0,0,0.2);\n    }\n\n    .product-meta {\n      background: #f5f5f5;\n      padding: 25px;\n      border-radius: 12px;\n      border-right: 4px solid #9C8102;\n      margin: 25px 0;\n      opacity: 0;\n      transform: translateX(30px);\n      animation: slideInRight 0.8s ease-out 0.3s forwards;\n    }\n\n    .meta-title {\n      color: #9C8102;\n      font-size: 1.4em;\n      font-weight: bold;\n      margin-bottom: 15px;\n    }\n\n    .quick-overview {\n      background: #000;\n      color: white;\n      padding: 30px;\n      border-radius: 15px;\n      margin: 30px 0;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.95);\n      animation: scaleIn 1s ease-out 0.5s forwards;\n      border: 2px solid #9C8102;\n    }\n\n    .overview-title {\n      color: #9C8102;\n      font-size: 2em;\n      font-weight: bold;\n      margin-bottom: 20px;\n    }\n\n    .overview-text {\n      font-size: 1.1em;\n      line-height: 1.8;\n      opacity: 0.95;\n    }\n\n    .features-section {\n      margin: 40px 0;\n    }\n\n    .section-header {\n      background: #000;\n      color: white;\n      padding: 25px;\n      margin: 40px 0 20px 0;\n      border-radius: 10px;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.95);\n      animation: scaleIn 0.8s ease-out forwards;\n    }\n\n    .section-title {\n      color: #9C8102;\n      font-size: 2em;\n      font-weight: bold;\n      margin-bottom: 10px;\n      position: relative;\n      text-shadow: 0 0 10px rgba(156, 129, 2, 0.3);\n    }\n\n    .section-title::before {\n      content: '';\n      position: absolute;\n      bottom: -5px;\n      right: 0;\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, #9C8102, #d4af37);\n      animation: titleUnderline 2s ease-out 0.5s forwards;\n    }\n\n    .feature-group {\n      background: white;\n      margin: 25px 0;\n      padding: 25px;\n      border-radius: 12px;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.08);\n      border-right: 4px solid #9C8102;\n      opacity: 0;\n      transform: translateX(30px);\n    }\n\n    .feature-group-title {\n      color: #9C8102;\n      font-size: 1.3em;\n      font-weight: bold;\n      margin-bottom: 15px;\n    }\n\n    .feature-list {\n      list-style: none;\n      padding: 0;\n      margin: 15px 0;\n    }\n\n    .feature-item {\n      background: #f8f9fa;\n      margin-bottom: 10px;\n      padding: 15px;\n      border-radius: 8px;\n      border-right: 3px solid #9C8102;\n      display: flex;\n      align-items: flex-start;\n      gap: 10px;\n      transition: all 0.3s ease;\n      color: #333;\n    }\n\n    .feature-item:hover {\n      background: #e9ecef;\n      transform: translateX(-5px);\n    }\n\n    .feature-bullet {\n      width: 8px;\n      height: 8px;\n      background: #9C8102;\n      border-radius: 50%;\n      margin-top: 8px;\n      flex-shrink: 0;\n    }\n\n    .ingredients-section {\n      background: #000;\n      color: white;\n      padding: 40px;\n      border-radius: 15px;\n      margin: 40px 0;\n      opacity: 0;\n      transform: rotateY(15deg);\n      animation: rotateInY 1s ease-out forwards;\n    }\n\n    .ingredients-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 25px;\n      margin: 30px 0;\n    }\n\n    .ingredient-card {\n      background: #333;\n      padding: 25px;\n      border-radius: 12px;\n      border-top: 4px solid #9C8102;\n      opacity: 0;\n      transform: translateY(30px);\n    }\n\n    .ingredient-title {\n      color: #9C8102;\n      font-size: 1.2em;\n      font-weight: bold;\n      margin-bottom: 15px;\n    }\n\n    .ingredient-description {\n      font-size: 0.95em;\n      opacity: 0.9;\n    }\n\n    .usage-section {\n      background: #f5f5f5;\n      padding: 30px;\n      border-radius: 15px;\n      margin: 30px 0;\n      border: 2px solid #9C8102;\n    }\n\n    .usage-steps {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 20px;\n      margin: 25px 0;\n    }\n\n    .usage-step {\n      background: white;\n      padding: 20px;\n      border-radius: 10px;\n      border-right: 4px solid #9C8102;\n      opacity: 0;\n      transform: translateY(25px);\n    }\n\n    .step-number {\n      background: #9C8102;\n      color: white;\n      width: 30px;\n      height: 30px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-weight: bold;\n      margin-bottom: 15px;\n      margin-left: auto;\n    }\n\n    .step-title {\n      color: #9C8102;\n      font-weight: bold;\n      margin-bottom: 10px;\n    }\n\n    .cta-final {\n      background: #000;\n      color: white;\n      padding: 50px;\n      border-radius: 20px;\n      text-align: center;\n      margin: 50px 0;\n      opacity: 0;\n      transform: scale(0.8);\n      animation: scaleIn 1.2s ease-out forwards;\n      border: 3px solid #9C8102;\n    }\n\n    .cta-title {\n      color: #9C8102;\n      font-size: 2.2em;\n      font-weight: bold;\n      margin-bottom: 20px;\n    }\n\n    .cta-text {\n      font-size: 1.1em;\n      margin-bottom: 20px;\n      opacity: 0.9;\n    }\n\n    .highlight-text {\n      font-size: 1.3em;\n      font-weight: bold;\n      margin: 20px 0;\n      color: #9C8102;\n      animation: pulse 2s infinite;\n    }\n\n    .benefits-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n      gap: 20px;\n      margin: 30px 0;\n    }\n\n    .benefit-card {\n      background: white;\n      padding: 25px;\n      border-radius: 12px;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.08);\n      border-right: 4px solid #9C8102;\n      transition: all 0.3s ease;\n      opacity: 0;\n      transform: translateX(30px);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .benefit-card::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      left: -50%;\n      width: 200%;\n      height: 200%;\n      background: radial-gradient(circle, rgba(156, 129, 2, 0.05) 0%, transparent 70%);\n      transform: scale(0);\n      transition: transform 0.6s ease;\n    }\n\n    .benefit-card:hover::before {\n      transform: scale(1);\n    }\n\n    .benefit-card:hover {\n      transform: translateY(-8px) translateX(30px);\n      box-shadow: 0 12px 30px rgba(0,0,0,0.15);\n      border-right-color: #d4af37;\n    }\n\n    .benefit-title {\n      color: #9C8102;\n      font-size: 1.2em;\n      font-weight: bold;\n      margin-bottom: 15px;\n    }\n\n    .benefit-description {\n      color: #555;\n      font-size: 0.95em;\n    }\n\n    @keyframes fadeInUp {\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes slideInRight {\n      to {\n        opacity: 1;\n        transform: translateX(0);\n      }\n    }\n\n    @keyframes scaleIn {\n      to {\n        opacity: 1;\n        transform: scale(1);\n      }\n    }\n\n    @keyframes rotateInY {\n      to {\n        opacity: 1;\n        transform: rotateY(0);\n      }\n    }\n\n    @keyframes pulse {\n      0%, 100% { transform: scale(1); }\n      50% { transform: scale(1.05); }\n    }\n\n    @keyframes sunRotate {\n      from { transform: rotate(0deg); }\n      to { transform: rotate(360deg); }\n    }\n\n    @keyframes sunPulse {\n      0%, 100% { \n        transform: translate(-50%, -50%) scale(1);\n        box-shadow: 0 0 20px rgba(156, 129, 2, 0.3);\n      }\n      50% { \n        transform: translate(-50%, -50%) scale(1.1);\n        box-shadow: 0 0 30px rgba(156, 129, 2, 0.5);\n      }\n    }\n\n    @keyframes floatingParticles {\n      0%, 100% { transform: translateY(0px) rotate(0deg); }\n      33% { transform: translateY(-10px) rotate(120deg); }\n      66% { transform: translateY(5px) rotate(240deg); }\n    }\n\n    @keyframes titleUnderline {\n      to { width: 100%; }\n    }\n\n    @keyframes imageReveal {\n      to {\n        opacity: 1;\n        transform: scale(1) rotateY(0deg);\n      }\n    }\n\n    @keyframes shimmer {\n      0% { transform: translateX(-100%); }\n      100% { transform: translateX(100%); }\n    }\n\n    @media (max-width: 768px) {\n      .main-title {\n        font-size: 2.2em;\n      }\n\n      .product-image {\n        max-width: 90%;\n        border-radius: 15px;\n      }\n      \n      .ingredients-grid,\n      .usage-steps,\n      .benefits-grid {\n        grid-template-columns: 1fr;\n      }\n      \n      .sun-decoration {\n        display: none;\n      }\n\n      .vacation-container::before {\n        opacity: 0.5;\n      }\n    }\n  \u003c\/style\u003e\n\u003c!-- Main Title --\u003e\n\u003ch1 class=\"main-title\"\u003eLotion solaire en spray Vacation\u003c\/h1\u003e\n\u003c!-- Product Image --\u003e\n\u003cimg alt=\"Spray solaire Vacation)\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/vacation_sunscreen_spray_2.png?v=1753553417\"\/\u003e\n\u003c!-- Animated Sun Decoration --\u003e\n\u003cdiv class=\"sun-decoration\"\u003e\n\u003cdiv class=\"sun\"\u003e\n\u003cdiv class=\"sun-center\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sun-ray sun-ray-1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sun-ray sun-ray-2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sun-ray sun-ray-3\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sun-ray sun-ray-4\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sun-ray sun-ray-5\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sun-ray sun-ray-6\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sun-ray sun-ray-7\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sun-ray sun-ray-8\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Main Features Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eCaractéristiques de base\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eVaporisateur ultra-fin\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eApplication uniforme\u003c\/strong\u003e Sur toute la région\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eSans toucher\u003c\/strong\u003e - Propre et rapide\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eNe laisse pas de taches\u003c\/strong\u003e Ou des zones non protégées\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eParfait pour le mouvement\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRéapplication facile\u003c\/strong\u003e Toutes les deux heures\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eConvient sur le maquillage\u003c\/strong\u003e Sans gâcher\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eMon travail concerne le sport\u003c\/strong\u003e et les activités de plein air\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eProtection intelligente\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eTitanium Dioxide + Zinc Oxide:\u003c\/strong\u003e Protection physique sûre\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eConvient aux peaux sensibles\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eNe laisse pas de brillant\u003c\/strong\u003e Ou une sensation grasse\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Active Ingredients --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 style=\"color: #9C8102; font-size: 2.2em; text-align: center; margin-bottom: 30px;\"\u003eIngrédients actifs\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eHuile d'arbre à thé - un antiseptique naturel\u003c\/h4\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003ePréviens les irritations\u003c\/strong\u003e Et infections\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eConvient aux peaux sujettes à l'acné\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003ePropriétés antibactériennes\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eDioxyde de titane + Oxyde de zinc - double protection\u003c\/h4\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eProtecteurs physiques sûrs\u003c\/strong\u003e Pour les peaux sensibles\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eProtection instantanée\u003c\/strong\u003e Contre les UVA\/UVB\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eNe pas pénétrer la peau\u003c\/strong\u003e - Rester à la surface\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eCollagène - nutrition supplémentaire\u003c\/h4\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eMaintient l'élasticité de la peau\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRésiste aux signes de vieillissement\u003c\/strong\u003e Du soleil\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eVitamine E - antioxydant\u003c\/h4\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eProtège contre les radicaux libres\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eApaise la peau\u003c\/strong\u003e Irrité par le soleil\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eComment utiliser\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eBien agiter\u003c\/h4\u003e\n\u003cp\u003eBien agiter le contenant avant chaque utilisation pour s'assurer que les ingrédients sont mélangés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eVaporiser uniformément\u003c\/h4\u003e\n\u003cp\u003eTenir le récipient à distance de la peau et vaporiser sur toutes les zones exposées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003ePour le visage\u003c\/h4\u003e\n\u003cp\u003eVaporiser d'abord dans la main, puis appliquer sur le visage en évitant les yeux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eRépétez toutes les deux heures\u003c\/h4\u003e\n\u003cp\u003eOu après la natation et la transpiration pour assurer une protection continue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-final\"\u003e\n\u003ch2 class=\"cta-title\"\u003eLa solution pratique pour une protection intelligente\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eVacation Sunscreen Lotion Spray\u003c\/strong\u003e Il \u003cstrong\u003eSolution pratique\u003c\/strong\u003e Pour ceux qui veulent une protection rapide et efficace.\n    \u003c\/p\u003e\n\u003cdiv class=\"highlight-text\"\u003e\n      Brume fine + protection puissante + facilité d'utilisation = le protecteur parfait pour une vie active\n    \u003c\/div\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eCommandez-le maintenant... et profitez d'une protection sans complications.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    \/\/ Intersection Observer for animations\n    const observerOptions = {\n      threshold: 0.1,\n      rootMargin: '0px 0px -50px 0px'\n    };\n\n    const observer = new IntersectionObserver((entries) =\u003e {\n      entries.forEach(entry =\u003e {\n        if (entry.isIntersecting) {\n          const element = entry.target;\n          \n          if (element.classList.contains('benefit-card')) {\n            element.style.animation = 'slideInRight 0.8s ease-out forwards';\n          } else if (element.classList.contains('section-header')) {\n            element.style.animation = 'scaleIn 0.8s ease-out forwards';\n          } else if (element.classList.contains('ingredients-section')) {\n            element.style.animation = 'rotateInY 1s ease-out forwards';\n          } else if (element.classList.contains('ingredient-card')) {\n            element.style.animation = 'fadeInUp 0.8s ease-out forwards';\n          } else if (element.classList.contains('usage-step')) {\n            element.style.animation = 'fadeInUp 0.8s ease-out forwards';\n          } else if (element.classList.contains('cta-final')) {\n            element.style.animation = 'scaleIn 1.2s ease-out forwards';\n          }\n        }\n      });\n    }, observerOptions);\n\n    \/\/ Initialize animations\n    document.addEventListener('DOMContentLoaded', () =\u003e {\n      const animatedElements = document.querySelectorAll('.benefit-card, .section-header, .ingredients-section, .ingredient-card, .usage-step, .cta-final');\n      \n      animatedElements.forEach(el =\u003e {\n        observer.observe(el);\n      });\n\n      \/\/ Add staggered delays\n      const benefitCards = document.querySelectorAll('.benefit-card');\n      benefitCards.forEach((card, index) =\u003e {\n        card.style.animationDelay = `${index * 0.2}s`;\n      });\n\n      const ingredientCards = document.querySelectorAll('.ingredient-card');\n      ingredientCards.forEach((card, index) =\u003e {\n        card.style.animationDelay = `${index * 0.15}s`;\n      });\n\n      const usageSteps = document.querySelectorAll('.usage-step');\n      usageSteps.forEach((step, index) =\u003e {\n        step.style.animationDelay = `${index * 0.1}s`;\n      });\n\n      \/\/ Enhanced hover effects with sun particles\n      const benefitCards2 = document.querySelectorAll('.benefit-card');\n      benefitCards2.forEach(card =\u003e {\n        card.addEventListener('mouseenter', () =\u003e {\n          \/\/ Create floating particles effect\n          createParticles(card);\n        });\n      });\n\n      \/\/ Create floating particles function\n      function createParticles(element) {\n        for (let i = 0; i \u003c 3; i++) {\n          const particle = document.createElement('div');\n          particle.style.cssText = `\n            position: absolute;\n            width: 4px;\n            height: 4px;\n            background: #9C8102;\n            border-radius: 50%;\n            pointer-events: none;\n            z-index: 10;\n          `;\n          \n          const rect = element.getBoundingClientRect();\n          particle.style.left = Math.random() * rect.width + 'px';\n          particle.style.top = Math.random() * rect.height + 'px';\n          \n          element.appendChild(particle);\n          \n          \/\/ Animate particle\n          particle.animate([\n            { transform: 'translateY(0px) scale(1)', opacity: 1 },\n            { transform: 'translateY(-30px) scale(0)', opacity: 0 }\n          ], {\n            duration: 1000,\n            easing: 'ease-out'\n          }).onfinish = () =\u003e particle.remove();\n        }\n      }\n\n      \/\/ Random sparkle effect\n      setInterval(() =\u003e {\n        const sparkle = document.createElement('div');\n        sparkle.style.cssText = `\n          position: fixed;\n          width: 3px;\n          height: 3px;\n          background: #9C8102;\n          border-radius: 50%;\n          pointer-events: none;\n          z-index: -1;\n          left: ${Math.random() * window.innerWidth}px;\n          top: ${Math.random() * window.innerHeight}px;\n        `;\n        \n        document.body.appendChild(sparkle);\n        \n        sparkle.animate([\n          { transform: 'scale(0)', opacity: 0 },\n          { transform: 'scale(1)', opacity: 1 },\n          { transform: 'scale(0)', opacity: 0 }\n        ], {\n          duration: 2000,\n          easing: 'ease-in-out'\n        }).onfinish = () =\u003e sparkle.remove();\n      }, 3000);\n    });\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Vacation","offers":[{"title":"Default Title","offer_id":44945823563973,"sku":null,"price":460.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/vacationsunscreenspray.png?v=1753551842"},{"product_id":"bobai-sunscreen-oil-defense-fluid-spf-50-واقي-الشمس-للبشرة-الدهنية","title":"Bobai Fluide de Protection Solaire Huile SPF 50+ Protection Solaire pour peau grasse","description":"\u003cdiv class=\"popai-container\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n    .popai-container {\n      direction: ltr;\n      text-align: left;\n      max-width: 100%;\n      margin: 0 auto;\n      font-family:inherit;\n      line-height: 1.6;\n      color: #333;\n      background: linear-gradient(135deg, #fafafa 0%, #f0f0f0 100%);\n      min-height: 100vh;\n    }\n\n    .popai-container * {\n      box-sizing: border-box;\n    }\n\n    \/* Premium floating particles background *\/\n    .popai-container::before {\n      content: '';\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: \n        radial-gradient(circle at 15% 25%, rgba(156, 129, 2, 0.03) 2px, transparent 2px),\n        radial-gradient(circle at 85% 75%, rgba(212, 175, 55, 0.04) 1px, transparent 1px),\n        radial-gradient(circle at 45% 60%, rgba(156, 129, 2, 0.02) 1px, transparent 1px);\n      animation: floatBackground 20s ease-in-out infinite;\n      pointer-events: none;\n      z-index: -1;\n    }\n\n    .main-title {\n      color: #9C8102;\n      font-size: 3em;\n      font-weight: 900;\n      margin-bottom: 40px;\n      text-shadow: 0 4px 12px rgba(156, 129, 2, 0.3);\n      text-align: center;\n      opacity: 0;\n      transform: translateY(50px);\n      animation: fadeInUp 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      position: relative;\n      letter-spacing: -0.02em;\n      background: linear-gradient(135deg, #9C8102 0%, #d4af37 50%, #9C8102 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n\n    .main-title::after {\n      content: '';\n      position: absolute;\n      bottom: -15px;\n      right: 50%;\n      transform: translateX(50%);\n      width: 0;\n      height: 4px;\n      background: linear-gradient(90deg, transparent 0%, #9C8102 20%, #d4af37 50%, #9C8102 80%, transparent 100%);\n      box-shadow: 0 2px 10px rgba(156, 129, 2, 0.4);\n      animation: underlineGrow 2.5s cubic-bezier(0.23, 1, 0.32, 1) 1.2s forwards;\n    }\n\n    .hero-image {\n      width: 100%;\n      max-width: 500px;\n      height: auto;\n      margin: 50px auto;\n      display: block;\n      border-radius: 25px;\n      box-shadow: \n        0 25px 60px rgba(0,0,0,0.15),\n        0 10px 30px rgba(156, 129, 2, 0.1),\n        inset 0 1px 0 rgba(255,255,255,0.6);\n      opacity: 0;\n      transform: scale(0.85) rotateY(8deg) translateZ(0);\n      animation: imageReveal 2s cubic-bezier(0.23, 1, 0.32, 1) 0.8s forwards;\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      position: relative;\n    }\n\n    .hero-image::before {\n      content: '';\n      position: absolute;\n      top: -3px;\n      left: -3px;\n      right: -3px;\n      bottom: -3px;\n      background: linear-gradient(135deg, #9C8102, #d4af37, #9C8102);\n      border-radius: 28px;\n      z-index: -1;\n      opacity: 0;\n      transition: opacity 0.6s ease;\n    }\n\n    .hero-image:hover {\n      transform: scale(1.05) rotateY(0deg) translateZ(20px);\n      box-shadow: \n        0 35px 80px rgba(0,0,0,0.2),\n        0 15px 40px rgba(156, 129, 2, 0.2),\n        inset 0 1px 0 rgba(255,255,255,0.8);\n    }\n\n    .hero-image:hover::before {\n      opacity: 0.7;\n    }\n\n    .hero-tagline {\n      background: #000;\n      color: white;\n      padding: 40px;\n      border-radius: 20px;\n      margin: 50px 0;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.95);\n      animation: scaleIn 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 2px solid #9C8102;\n      position: relative;\n      overflow: hidden;\n      box-shadow: \n        0 20px 40px rgba(0,0,0,0.2),\n        inset 0 1px 0 rgba(255,255,255,0.1);\n    }\n\n    .hero-tagline::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      left: -50%;\n      width: 200%;\n      height: 200%;\n      background: radial-gradient(circle, rgba(156, 129, 2, 0.1) 0%, transparent 70%);\n      animation: pulseGlow 4s ease-in-out infinite;\n      z-index: 1;\n    }\n\n    .tagline-text {\n      font-size: 1.4em;\n      font-weight: 700;\n      color: #d4af37;\n      position: relative;\n      z-index: 2;\n      text-shadow: 0 2px 8px rgba(212, 175, 55, 0.4);\n    }\n\n    .section-header {\n      background: #000;\n      color: white;\n      padding: 30px;\n      margin: 50px 0 30px 0;\n      border-radius: 15px;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.9);\n      animation: scaleIn 1s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 1px solid rgba(156, 129, 2, 0.3);\n      box-shadow: \n        0 15px 30px rgba(0,0,0,0.2),\n        inset 0 1px 0 rgba(255,255,255,0.1);\n    }\n\n    .section-title {\n      color: #d4af37;\n      font-size: 2.2em;\n      font-weight: 800;\n      margin-bottom: 10px;\n      text-shadow: 0 2px 8px rgba(212, 175, 55, 0.4);\n    }\n\n    .benefits-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n      gap: 30px;\n      margin: 50px 0;\n      padding: 0 20px;\n    }\n\n    .benefit-card {\n      background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n      padding: 35px;\n      border-radius: 20px;\n      box-shadow: \n        0 15px 40px rgba(0,0,0,0.08),\n        0 6px 20px rgba(156, 129, 2, 0.06),\n        inset 0 1px 0 rgba(255,255,255,0.9);\n      border: 1px solid rgba(156, 129, 2, 0.1);\n      opacity: 0;\n      transform: translateY(40px);\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .benefit-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(156, 129, 2, 0.04), transparent);\n      transition: left 0.8s cubic-bezier(0.23, 1, 0.32, 1);\n    }\n\n    .benefit-card::after {\n      content: '';\n      position: absolute;\n      top: -2px;\n      left: -2px;\n      right: -2px;\n      bottom: -2px;\n      background: linear-gradient(135deg, #9C8102, #d4af37, #9C8102);\n      border-radius: 22px;\n      z-index: -1;\n      opacity: 0;\n      transition: opacity 0.6s ease;\n    }\n\n    .benefit-card:hover {\n      transform: translateY(-12px);\n      box-shadow: \n        0 25px 60px rgba(0,0,0,0.12),\n        0 10px 30px rgba(156, 129, 2, 0.1),\n        inset 0 1px 0 rgba(255,255,255,1);\n    }\n\n    .benefit-card:hover::before {\n      left: 100%;\n    }\n\n    .benefit-card:hover::after {\n      opacity: 0.2;\n    }\n\n    .benefit-title {\n      color: #9C8102;\n      font-size: 1.4em;\n      font-weight: 700;\n      margin-bottom: 20px;\n      text-shadow: 0 1px 3px rgba(156, 129, 2, 0.2);\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .benefit-icon {\n      font-size: 1.2em;\n      color: #d4af37;\n    }\n\n    .feature-list {\n      list-style: none;\n      padding: 0;\n      margin: 20px 0;\n    }\n\n    .feature-item {\n      background: linear-gradient(135deg, #f8f9fa 0%, #f1f3f4 100%);\n      margin-bottom: 10px;\n      padding: 15px 18px;\n      border-radius: 10px;\n      border-right: 3px solid #9C8102;\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n      transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n      color: #333;\n      box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n    }\n\n    .feature-item:hover {\n      background: linear-gradient(135deg, #e8f4f8 0%, #e1f0f5 100%);\n      transform: translateX(-6px);\n      box-shadow: 0 4px 12px rgba(156, 129, 2, 0.08);\n      border-right-color: #d4af37;\n    }\n\n    .feature-bullet {\n      width: 8px;\n      height: 8px;\n      background: linear-gradient(135deg, #9C8102, #d4af37);\n      border-radius: 50%;\n      margin-top: 8px;\n      flex-shrink: 0;\n      box-shadow: 0 2px 4px rgba(156, 129, 2, 0.3);\n    }\n\n    .usage-section {\n      background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);\n      padding: 50px;\n      border-radius: 20px;\n      margin: 50px 0;\n      border: 2px solid #9C8102;\n      box-shadow: \n        0 15px 30px rgba(0,0,0,0.06),\n        inset 0 1px 0 rgba(255,255,255,0.9);\n    }\n\n    .usage-steps {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n      gap: 25px;\n      margin: 30px 0;\n    }\n\n    .usage-step {\n      background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n      padding: 30px;\n      border-radius: 15px;\n      border-right: 4px solid #9C8102;\n      opacity: 0;\n      transform: translateX(30px);\n      transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n      box-shadow: \n        0 8px 20px rgba(0,0,0,0.06),\n        inset 0 1px 0 rgba(255,255,255,0.9);\n      position: relative;\n    }\n\n    .usage-step:hover {\n      transform: translateX(-8px);\n      box-shadow: \n        0 12px 30px rgba(0,0,0,0.1),\n        0 4px 15px rgba(156, 129, 2, 0.08);\n      border-right-color: #d4af37;\n    }\n\n    .step-number {\n      background: linear-gradient(135deg, #9C8102, #d4af37);\n      color: white;\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-weight: 800;\n      font-size: 1.2em;\n      margin-bottom: 20px;\n      margin-left: auto;\n      box-shadow: \n        0 4px 12px rgba(156, 129, 2, 0.3),\n        inset 0 1px 0 rgba(255,255,255,0.3);\n      text-shadow: 0 1px 2px rgba(0,0,0,0.3);\n    }\n\n    .step-title {\n      color: #9C8102;\n      font-weight: 700;\n      margin-bottom: 15px;\n      font-size: 1.1em;\n    }\n\n    .step-description {\n      color: #555;\n      line-height: 1.7;\n    }\n\n    .cta-final {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 25%, #1a1a1a 50%, #000 75%, #1a1a1a 100%);\n      color: white;\n      padding: 60px;\n      border-radius: 25px;\n      text-align: center;\n      margin: 60px 0;\n      opacity: 0;\n      transform: scale(0.8);\n      animation: scaleIn 1.8s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 2px solid #9C8102;\n      position: relative;\n      overflow: hidden;\n      box-shadow: \n        0 30px 60px rgba(0,0,0,0.3),\n        0 10px 30px rgba(156, 129, 2, 0.15),\n        inset 0 1px 0 rgba(255,255,255,0.1);\n    }\n\n    .cta-final::before {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 300px;\n      height: 300px;\n      background: radial-gradient(circle, rgba(156, 129, 2, 0.12) 0%, transparent 70%);\n      transform: translate(-50%, -50%);\n      animation: ctaPulse 3s ease-in-out infinite;\n    }\n\n    .cta-title {\n      color: #d4af37;\n      font-size: 2.5em;\n      font-weight: 900;\n      margin-bottom: 25px;\n      position: relative;\n      z-index: 1;\n      text-shadow: 0 3px 12px rgba(212, 175, 55, 0.6);\n    }\n\n    .cta-text {\n      font-size: 1.2em;\n      margin: 25px 0;\n      opacity: 0.95;\n      position: relative;\n      z-index: 1;\n      line-height: 1.7;\n    }\n\n    .highlight-formula {\n      font-size: 1.4em;\n      font-weight: 800;\n      color: #d4af37;\n      margin: 30px 0;\n      animation: textGlow 2.5s ease-in-out infinite;\n      position: relative;\n      z-index: 1;\n      text-shadow: 0 2px 8px rgba(212, 175, 55, 0.5);\n    }\n\n    @keyframes fadeInUp {\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes scaleIn {\n      to {\n        opacity: 1;\n        transform: scale(1);\n      }\n    }\n\n    @keyframes imageReveal {\n      to {\n        opacity: 1;\n        transform: scale(1) rotateY(0deg) translateZ(0);\n      }\n    }\n\n    @keyframes underlineGrow {\n      to { width: 100px; }\n    }\n\n    @keyframes floatBackground {\n      0%, 100% { transform: translateY(0px) rotate(0deg); }\n      50% { transform: translateY(-15px) rotate(180deg); }\n    }\n\n    @keyframes pulseGlow {\n      0%, 100% { opacity: 0.8; transform: scale(1) rotate(0deg); }\n      50% { opacity: 1; transform: scale(1.05) rotate(180deg); }\n    }\n\n    @keyframes ctaPulse {\n      0%, 100% { \n        transform: translate(-50%, -50%) scale(1); \n        opacity: 0.3; \n      }\n      50% { \n        transform: translate(-50%, -50%) scale(1.2); \n        opacity: 0.1; \n      }\n    }\n\n    @keyframes textGlow {\n      0%, 100% { \n        text-shadow: 0 2px 8px rgba(212, 175, 55, 0.5); \n        transform: scale(1);\n      }\n      50% { \n        text-shadow: 0 4px 20px rgba(212, 175, 55, 0.8); \n        transform: scale(1.02);\n      }\n    }\n\n    @media (max-width: 768px) {\n      .main-title {\n        font-size: 2.4em;\n        margin-bottom: 30px;\n      }\n\n      .hero-image {\n        max-width: 85%;\n        border-radius: 20px;\n        margin: 40px auto;\n      }\n      \n      .benefits-grid,\n      .usage-steps {\n        grid-template-columns: 1fr;\n        gap: 20px;\n        padding: 0 10px;\n      }\n      \n      .hero-tagline,\n      .section-header,\n      .usage-section,\n      .cta-final {\n        padding: 30px 20px;\n        margin: 30px 10px;\n      }\n\n      .section-title {\n        font-size: 1.9em;\n      }\n\n      .cta-title {\n        font-size: 2em;\n      }\n\n      .benefit-card {\n        padding: 25px 20px;\n        border-radius: 15px;\n      }\n\n      .usage-step {\n        padding: 25px 20px;\n      }\n\n      .feature-item {\n        padding: 12px 15px;\n        margin-bottom: 8px;\n      }\n\n      \/* Simplified animations for mobile *\/\n      .popai-container::before {\n        animation: none;\n        opacity: 0.4;\n      }\n\n      .benefit-card:hover,\n      .usage-step:hover {\n        transform: translateY(-5px);\n      }\n\n      .hero-image:hover {\n        transform: scale(1.02);\n      }\n    }\n\n    @media (max-width: 480px) {\n      .main-title {\n        font-size: 2em;\n        letter-spacing: -0.01em;\n      }\n\n      .hero-tagline,\n      .section-header,\n      .usage-section,\n      .cta-final {\n        padding: 25px 15px;\n        border-radius: 15px;\n      }\n\n      .section-title {\n        font-size: 1.7em;\n      }\n\n      .cta-title {\n        font-size: 1.8em;\n      }\n\n      .benefit-title {\n        font-size: 1.2em;\n      }\n\n      .highlight-formula {\n        font-size: 1.2em;\n      }\n\n      .cta-text {\n        font-size: 1.1em;\n      }\n    }\n  \u003c\/style\u003e\n\u003c!-- Main Title --\u003e\n\u003ch1 class=\"main-title\"\u003eCrème solaire Popeye pour peau grasse et sujette à l'acné\u003c\/h1\u003e\n\u003c!-- Hero Image with proper alt text --\u003e\n\u003cimg alt=\"Crème solaire Popeye pour peau grasse et sujette à l'acné - protection puissante sans sensation de gras\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/abd5b615-52ce-4769-a9f2-eca0e98721e9.png?v=1753596442\"\/\u003e\n\u003c!-- Hero Tagline --\u003e\n\u003cdiv class=\"hero-tagline\"\u003e\n\u003cdiv class=\"tagline-text\"\u003e\n      Protection complète sans effet gras, sans transpiration de la peau, sans traces blanches gênantes\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Main Features Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eCaractéristiques de base\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003c!-- Sun Protection --\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e☀️\u003c\/span\u003e\n        98 % de protection forte\n      \u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eProtection à large spectre\u003c\/strong\u003e Contre les UVA\/UVB\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eConvient pour un usage quotidien\u003c\/strong\u003e Et exposition prolongée au soleil\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Oily Skin Specific --\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🛡️\u003c\/span\u003e\n        Conçu pour les peaux à problèmes\n      \u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRégule la sécrétion de graisses\u003c\/strong\u003e Il prévient l'excès de brillance\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003ePropriétés antibactériennes\u003c\/strong\u003e Prévient la formation de boutons\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAnti-inflammatoire\u003c\/strong\u003e Apaise l'irritation et les rougeurs\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003ePropriétés exfoliantes douces\u003c\/strong\u003e Nettoie les pores\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Perfect Texture --\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e💧\u003c\/span\u003e\n        Texture idéale pour les peaux grasses\n      \u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eLéger et rapidement absorbé\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eNe laisse pas de sensation grasse\u003c\/strong\u003e Ou collant\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eNe laisse pas de couche blanche\u003c\/strong\u003e Sur la peau\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eConvient sous le maquillage\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eComment utiliser\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eBien agiter le contenant\u003c\/h4\u003e\n\u003cp class=\"step-description\"\u003eAvant utilisation pour s'assurer que les ingrédients sont parfaitement mélangés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eAppliquer une quantité appropriée\u003c\/h4\u003e\n\u003cp class=\"step-description\"\u003eSur la peau 20 minutes avant l'exposition au soleil pour la meilleure protection\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003ch4 class=\"step-title\"\u003eRéappliquer toutes les deux heures\u003c\/h4\u003e\n\u003cp class=\"step-description\"\u003eOu lorsque nécessaire pour maintenir une protection continue tout au long de la journée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"cta-final\"\u003e\n\u003ch2 class=\"cta-title\"\u003eLa solution parfaite pour les peaux grasses\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eCrème solaire Popeye\u003c\/strong\u003e Il \u003cstrong\u003eLa solution parfaite pour les peaux grasses\u003c\/strong\u003e Qui a besoin d'une protection forte sans gras ni boutons.\n    \u003c\/p\u003e\n\u003cdiv class=\"highlight-formula\"\u003e\n      98 % de protection + régulation du sébum + anti-bactérien = écran solaire intelligent pour peau tenace\n    \u003c\/div\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eCommandez-le maintenant... et profitez d'une protection efficace sans complications.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    \/\/ Enhanced Intersection Observer\n    const observerOptions = {\n      threshold: 0.15,\n      rootMargin: '0px 0px -50px 0px'\n    };\n\n    const observer = new IntersectionObserver((entries) =\u003e {\n      entries.forEach(entry =\u003e {\n        if (entry.isIntersecting) {\n          const element = entry.target;\n          \n          if (element.classList.contains('benefit-card')) {\n            element.style.animation = 'fadeInUp 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('section-header')) {\n            element.style.animation = 'scaleIn 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('usage-step')) {\n            element.style.animation = 'fadeInUp 0.8s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('hero-tagline')) {\n            element.style.animation = 'scaleIn 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('usage-section')) {\n            element.style.animation = 'scaleIn 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('cta-final')) {\n            element.style.animation = 'scaleIn 1.8s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          }\n        }\n      });\n    }, observerOptions);\n\n    \/\/ Initialize animations\n    document.addEventListener('DOMContentLoaded', () =\u003e {\n      const animatedElements = document.querySelectorAll('.benefit-card, .section-header, .usage-step, .hero-tagline, .usage-section, .cta-final');\n      \n      animatedElements.forEach(el =\u003e {\n        observer.observe(el);\n      });\n\n      \/\/ Staggered delays\n      const benefitCards = document.querySelectorAll('.benefit-card');\n      benefitCards.forEach((card, index) =\u003e {\n        card.style.animationDelay = `${index * 0.2}s`;\n      });\n\n      const usageSteps = document.querySelectorAll('.usage-step');\n      usageSteps.forEach((step, index) =\u003e {\n        step.style.animationDelay = `${index * 0.15}s`;\n      });\n\n      \/\/ Enhanced particle effects\n      const benefitCards2 = document.querySelectorAll('.benefit-card');\n      benefitCards2.forEach(card =\u003e {\n        card.addEventListener('mouseenter', () =\u003e {\n          createParticles(card);\n        });\n      });\n\n      \/\/ Particle creation function\n      function createParticles(element) {\n        for (let i = 0; i \u003c 6; i++) {\n          const particle = document.createElement('div');\n          particle.style.cssText = `\n            position: absolute;\n            width: ${Math.random() * 4 + 2}px;\n            height: ${Math.random() * 4 + 2}px;\n            background: linear-gradient(135deg, #9C8102, #d4af37);\n            border-radius: 50%;\n            pointer-events: none;\n            z-index: 100;\n            box-shadow: 0 0 6px rgba(156, 129, 2, 0.6);\n          `;\n          \n          const rect = element.getBoundingClientRect();\n          particle.style.left = Math.random() * rect.width + 'px';\n          particle.style.top = Math.random() * rect.height + 'px';\n          \n          element.appendChild(particle);\n          \n          particle.animate([\n            { \n              transform: 'translateY(0px) scale(1) rotate(0deg)', \n              opacity: 1 \n            },\n            { \n              transform: `translateY(-50px) scale(0) rotate(${Math.random() * 360}deg)`, \n              opacity: 0 \n            }\n          ], {\n            duration: 1800,\n            easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n          }).onfinish = () =\u003e particle.remove();\n        }\n      }\n\n      \/\/ Enhanced magnetic hover effects\n      const allCards = document.querySelectorAll('.benefit-card, .usage-step');\n      allCards.forEach(card =\u003e {\n        card.addEventListener('mousemove', (e) =\u003e {\n          const rect = card.getBoundingClientRect();\n          const x = e.clientX - rect.left;\n          const y = e.clientY - rect.top;\n          const centerX = rect.width \/ 2;\n          const centerY = rect.height \/ 2;\n          const deltaX = (x - centerX) \/ centerX;\n          const deltaY = (y - centerY) \/ centerY;\n          \n          card.style.transform = `\n            perspective(1000px) \n            rotateY(${deltaX * 3}deg) \n            rotateX(${-deltaY * 3}deg) \n            translateZ(5px)\n          `;\n        });\n        \n        card.addEventListener('mouseleave', () =\u003e {\n          card.style.transform = '';\n        });\n      });\n\n      \/\/ Sparkle effects\n      setInterval(() =\u003e {\n        const targetSections = ['.hero-tagline', '.cta-final'];\n        targetSections.forEach(selector =\u003e {\n          const section = document.querySelector(selector);\n          if (section \u0026\u0026 Math.random() \u003e 0.6) {\n            const sparkle = document.createElement('div');\n            sparkle.style.cssText = `\n              position: absolute;\n              width: ${Math.random() * 3 + 2}px;\n              height: ${Math.random() * 3 + 2}px;\n              background: linear-gradient(135deg, #d4af37, #9C8102);\n              border-radius: 50%;\n              pointer-events: none;\n              z-index: 10;\n              left: ${Math.random() * section.offsetWidth}px;\n              top: ${Math.random() * section.offsetHeight}px;\n              box-shadow: 0 0 8px rgba(212, 175, 55, 0.8);\n            `;\n            \n            section.appendChild(sparkle);\n            \n            sparkle.animate([\n              { transform: 'scale(0) rotate(0deg)', opacity: 0 },\n              { transform: 'scale(1) rotate(180deg)', opacity: 1 },\n              { transform: 'scale(0) rotate(360deg)', opacity: 0 }\n            ], {\n              duration: 2500,\n              easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n            }).onfinish = () =\u003e sparkle.remove();\n          }\n        });\n      }, 3000);\n    });\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Bobai","offers":[{"title":"Default Title","offer_id":44946557796549,"sku":null,"price":340.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobaiSunscreenOilDefenseFluidSPF50_1.avif?v=1753595951"},{"product_id":"beauty-of-joseon-relief-sun-aqua-fresh-rice-b5-spf50","title":"Beauty of Joseon Relief Sun : Riz + Probiotiques Crème solaire légère SPF 50+ PA++++ (Hydratation non grasse avec B5))","description":"\u003cdiv class=\"aqua-relief-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        \/* === Premium Arabic Font === *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900\u0026display=swap');\n\n        \/* === Core Variables (Dark Mode) === *\/\n        .aqua-relief-wrapper {\n            --aqua-bg-base: #0a0e17; \/* Deep midnight blue\/black *\/\n            --aqua-bg-card: rgba(16, 24, 40, 0.7); \/* Translucent dark navy *\/\n            --aqua-bg-card-hover: rgba(26, 36, 56, 0.9);\n            --aqua-primary: #5cb8e4;\n            --aqua-dark: #38bdf8; \/* Brighter aqua for dark mode contrast *\/\n            --aqua-light: rgba(92, 184, 228, 0.15); \/* Tinted background for badges *\/\n            --aqua-gradient: linear-gradient(135deg, #38bdf8 0%, #0284c7 100%);\n            --pearl-gradient: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, rgba(16,24,40,0.8) 100%);\n            --gold-accent: #d4af37;\n            --text-main: #f8fafc; \/* Near white for dark mode *\/\n            --text-muted: #94a3b8; \/* Light slate gray *\/\n            --border-glass: rgba(92, 184, 228, 0.2);\n            --glow-aqua: rgba(56, 189, 248, 0.25);\n            \n            background-color: var(--aqua-bg-base);\n            color: var(--text-main);\n            font-family:Tajawal',-apple-system,BlinkMacSystemFont,sans-serif;\n            line-height: 1.7;\n            overflow: hidden;\n            position: relative;\n            padding: 0 0 60px 0;\n            border-radius: 24px;\n            box-shadow: 0 0 50px rgba(0,0,0,0.5) inset;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        .aqua-relief-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .aqua-container {\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 0 25px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* === Typography Utilities === *\/\n        .aqua-text-gradient {\n            background: var(--aqua-gradient);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            display: inline-block;\n            text-shadow: 0 2px 10px rgba(56, 189, 248, 0.3);\n        }\n\n        .aqua-section-title {\n            font-size: clamp(26px, 4vw, 38px);\n            font-weight: 900;\n            text-align: center;\n            margin: 80px 0 20px;\n            color: #ffffff; \/* White for better visibility *\/\n            position: relative;\n        }\n\n        .aqua-section-subtitle {\n            text-align: center;\n            font-size: clamp(16px, 2vw, 18px);\n            color: var(--text-muted);\n            max-width: 700px;\n            margin: 0 auto 50px;\n            font-weight: 500;\n        }\n\n        \/* === Ambient Background === *\/\n        .aqua-ambient {\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            z-index: 0;\n            pointer-events: none;\n            overflow: hidden;\n        }\n        \n        .aqua-glow-orb {\n            position: absolute;\n            border-radius: 50%;\n            filter: blur(80px);\n            opacity: 0.5;\n            animation: orbDrift 15s infinite alternate ease-in-out;\n        }\n\n        .aqua-orb-1 { width: 400px; height: 400px; background: rgba(92, 184, 228, 0.15); top: -50px; right: -50px; }\n        .aqua-orb-2 { width: 500px; height: 500px; background: rgba(212, 175, 55, 0.08); bottom: 10%; left: -150px; animation-delay: -5s; }\n\n        @keyframes orbDrift {\n            0% { transform: translate(0, 0) scale(1); }\n            100% { transform: translate(-30px, 50px) scale(1.1); }\n        }\n\n        \/* === Hero Section === *\/\n        .aqua-hero {\n            position: relative;\n            padding: 80px 20px 40px;\n            text-align: center;\n            background: radial-gradient(circle at top, rgba(56,189,248,0.1) 0%, var(--aqua-bg-base) 70%);\n            border-bottom: 1px solid var(--border-glass);\n        }\n\n        .aqua-hero-icon {\n            display: inline-flex;\n            justify-content: center;\n            align-items: center;\n            width: 80px;\n            height: 80px;\n            margin-bottom: 20px;\n            animation: float 3s ease-in-out infinite;\n            filter: drop-shadow(0 5px 15px var(--glow-aqua));\n            color: var(--aqua-primary);\n            font-size: 40px;\n            font-weight: 900;\n            font-family:system-ui,sans-serif;\n            background: var(--aqua-bg-card); \/* Darker background *\/\n            border-radius: 50%;\n            box-shadow: 0 10px 25px rgba(56, 189, 248, 0.2);\n            border: 1px solid var(--border-glass);\n        }\n\n        @keyframes float {\n            0%, 100% { transform: translateY(0); }\n            50% { transform: translateY(-10px); }\n        }\n\n        .aqua-main-title {\n            font-size: clamp(32px, 5vw, 52px);\n            font-weight: 900;\n            margin-bottom: 25px;\n            line-height: 1.3;\n            letter-spacing: -0.5px;\n            color: #ffffff;\n        }\n\n        .aqua-hero-subtitle-text {\n            font-size: clamp(16px, 2.5vw, 20px);\n            color: var(--text-main);\n            max-width: 800px;\n            margin: 0 auto 40px;\n            line-height: 1.8;\n            font-weight: 500;\n        }\n\n        \/* === Video \u0026 Image Wrappers === *\/\n        .aqua-media-wrapper {\n            position: relative;\n            width: 100%;\n            margin: 0 auto;\n            perspective: 1000px;\n            display: block;\n        }\n\n        .aqua-media-wrapper.size-lg { max-width: 850px; }\n        .aqua-media-wrapper.size-md { max-width: 700px; }\n        .aqua-media-wrapper.size-sm { max-width: 550px; }\n\n        .aqua-product-media {\n            width: 100%;\n            height: auto;\n            display: block;\n            border-radius: 20px;\n            box-shadow: 0 30px 60px rgba(0,0,0,0.6), 0 0 30px var(--glow-aqua);\n            border: 2px solid var(--border-glass); \/* Subtler border *\/\n            transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);\n            object-fit: cover;\n        }\n\n        \/* === Glass Cards \u0026 Grids === *\/\n        .aqua-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px; }\n        .aqua-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }\n\n        .aqua-glass-card {\n            background: var(--aqua-bg-card);\n            backdrop-filter: blur(20px);\n            -webkit-backdrop-filter: blur(20px);\n            border: 1px solid var(--border-glass);\n            border-radius: 20px;\n            padding: 35px 25px;\n            position: relative;\n            overflow: hidden;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            text-align: left;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n        }\n\n        .aqua-glass-card::before {\n            content: '';\n            position: absolute;\n            top: 0; right: 0;\n            width: 4px; height: 100%;\n            background: var(--aqua-gradient);\n            opacity: 0;\n            transition: 0.4s ease;\n        }\n\n        .aqua-glass-card:hover {\n            transform: translateY(-8px);\n            background: var(--aqua-bg-card-hover);\n            box-shadow: 0 15px 35px rgba(0,0,0,0.4), 0 0 20px var(--glow-aqua);\n            border-color: var(--aqua-primary);\n        }\n\n        .aqua-glass-card:hover::before { opacity: 1; }\n\n        .aqua-card-title {\n            font-size: 1.3rem;\n            color: #ffffff;\n            margin-bottom: 12px;\n            font-weight: 800;\n        }\n\n        .aqua-card-desc {\n            color: var(--text-muted);\n            font-size: 1rem;\n            line-height: 1.7;\n        }\n\n        \/* === Impact Highlight Section === *\/\n        .aqua-impact-wrapper {\n            background: var(--pearl-gradient);\n            padding: 60px 40px;\n            margin: 60px 0;\n            border-radius: 24px;\n            border: 1px solid var(--border-glass);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.3);\n            text-align: center;\n        }\n\n        \/* === Icons === *\/\n        .aqua-icon-badge {\n            width: 60px; height: 60px;\n            background: var(--aqua-light);\n            border: 1px solid var(--border-glass);\n            border-radius: 16px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 20px;\n            color: var(--aqua-dark);\n            transition: 0.4s ease;\n            font-size: 24px;\n            font-weight: 900;\n            font-family:system-ui,sans-serif;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n        }\n\n        .aqua-glass-card:hover .aqua-icon-badge {\n            background: var(--aqua-gradient);\n            color: white;\n            transform: scale(1.1) rotate(5deg);\n        }\n\n        \/* === Timeline === *\/\n        .aqua-timeline {\n            position: relative;\n            max-width: 800px;\n            margin: 0 auto;\n            padding: 20px 0;\n        }\n\n        .aqua-timeline::before {\n            content: '';\n            position: absolute;\n            top: 0; right: 50%;\n            width: 2px; height: 100%;\n            background: linear-gradient(to bottom, transparent, var(--aqua-primary), transparent);\n            transform: translateX(50%);\n        }\n\n        .aqua-timeline-item {\n            display: flex;\n            justify-content: flex-end;\n            padding-left: 50%;\n            position: relative;\n            margin-bottom: 30px;\n        }\n\n        .aqua-timeline-item:nth-child(even) {\n            justify-content: flex-start;\n            padding-left: 0;\n            padding-left: 50%;\n        }\n\n        .aqua-timeline-content {\n            width: 90%;\n            background: var(--aqua-bg-card);\n            border: 1px solid var(--border-glass);\n            padding: 25px;\n            border-radius: 16px;\n            position: relative;\n            transition: all 0.3s;\n            box-shadow: 0 10px 20px rgba(0,0,0,0.2);\n        }\n\n        .aqua-timeline-content:hover {\n            border-color: var(--aqua-primary);\n            transform: translateY(-5px);\n            box-shadow: 0 15px 30px rgba(92, 184, 228, 0.1);\n        }\n\n        .aqua-timeline-badge {\n            position: absolute;\n            top: 25px; right: -6.5%;\n            width: 14px; height: 14px;\n            background: var(--aqua-bg-base);\n            border: 3px solid var(--aqua-primary);\n            border-radius: 50%;\n            z-index: 2;\n            box-shadow: 0 0 10px var(--glow-aqua);\n        }\n\n        .aqua-timeline-item:nth-child(even) .aqua-timeline-badge {\n            right: auto;\n            left: -6.5%;\n        }\n\n        .aqua-time-label {\n            color: var(--aqua-dark);\n            font-weight: 800;\n            margin-bottom: 10px;\n            font-size: 1.1rem;\n            display: inline-block;\n            background: var(--aqua-light);\n            padding: 4px 15px;\n            border-radius: 20px;\n        }\n\n        \/* === Comparison Section === *\/\n        .aqua-comparison-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 30px;\n            margin: 40px 0;\n        }\n\n        .aqua-comp-card {\n            background: var(--aqua-bg-card);\n            padding: 30px;\n            border-radius: 20px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n            border: 1px solid var(--border-glass);\n        }\n\n        .aqua-comp-card.premium {\n            border: 2px solid var(--aqua-primary);\n            background: var(--pearl-gradient);\n            transform: scale(1.02);\n            box-shadow: 0 20px 50px rgba(0,0,0,0.4), 0 0 30px var(--glow-aqua);\n        }\n\n        .aqua-comp-list { list-style: none; padding: 0; }\n        .aqua-comp-item {\n            padding: 12px 0;\n            border-bottom: 1px solid rgba(255,255,255,0.05);\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            color: var(--text-muted);\n        }\n        .aqua-comp-item:last-child { border-bottom: none; }\n        \n        .aqua-comp-card.premium .aqua-comp-item { color: var(--text-main); font-weight: 500; }\n\n        .aqua-check-icon {\n            width: 24px; height: 24px;\n            border-radius: 50%;\n            display: flex; align-items: center; justify-content: center;\n            font-weight: bold; font-size: 14px;\n            color: white; flex-shrink: 0;\n        }\n        .aqua-check-basic { background: #475569; } \/* Darker slate for basic check *\/\n        .aqua-check-premium { background: var(--aqua-gradient); }\n\n        \/* === CTA Section === *\/\n        .aqua-cta {\n            text-align: center;\n            margin-top: 80px;\n            padding: 60px 30px;\n            background: linear-gradient(135deg, rgba(16,24,40,0.8) 0%, rgba(2,132,199,0.1) 100%);\n            border-radius: 24px;\n            border: 1px solid var(--border-glass);\n            box-shadow: 0 30px 60px rgba(0,0,0,0.5);\n        }\n\n        .aqua-btn-primary {\n            display: inline-block;\n            background: var(--aqua-gradient);\n            background-size: 200% auto;\n            color: white;\n            padding: 18px 45px;\n            border-radius: 40px;\n            font-size: 1.2rem;\n            font-weight: 900;\n            text-decoration: none;\n            border: none;\n            cursor: pointer;\n            transition: 0.5s ease;\n            box-shadow: 0 10px 25px rgba(92, 184, 228, 0.4);\n            margin-top: 30px;\n            font-family:Tajawal',sans-serif;\n        }\n\n        .aqua-btn-primary:hover {\n            background-position: right center;\n            transform: translateY(-3px);\n            box-shadow: 0 15px 35px rgba(92, 184, 228, 0.6);\n        }\n\n        \/* === Animations === *\/\n        .aqua-reveal {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .aqua-reveal.aqua-active { opacity: 1; transform: translateY(0); }\n        .delay-1 { transition-delay: 0.1s; }\n        .delay-2 { transition-delay: 0.2s; }\n        .delay-3 { transition-delay: 0.3s; }\n\n        @media (max-width: 768px) {\n            .aqua-timeline::before { right: 20px; transform: none; }\n            .aqua-timeline-item { padding-left: 0; padding-left: 50px; justify-content: flex-start; }\n            .aqua-timeline-item:nth-child(even) { padding-left: 0; padding-left: 50px; }\n            .aqua-timeline-content { width: 100%; }\n            .aqua-timeline-badge { right: 14px; top: 25px; }\n            .aqua-timeline-item:nth-child(even) .aqua-timeline-badge { left: auto; right: 14px; }\n            \n            .aqua-comp-card.premium { transform: scale(1); margin-top: 20px; }\n            .aqua-hero { padding: 50px 15px 20px; }\n            .aqua-cta { padding: 40px 20px; }\n            .aqua-product-media { box-shadow: 0 15px 30px rgba(0,0,0,0.4); border-width: 1px; }\n            .aqua-media-wrapper { padding: 0 10px; }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"aqua-ambient\"\u003e\n\u003cdiv class=\"aqua-glow-orb aqua-orb-1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-glow-orb aqua-orb-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"aqua-hero\"\u003e\n\u003cdiv class=\"aqua-container\"\u003e\n\u003cdiv class=\"aqua-hero-icon\"\u003e💧\u003c\/div\u003e\n\u003ch1 class=\"aqua-main-title aqua-reveal aqua-active\"\u003eRelief Sun Aqua Fresh\u003cbr\/\u003e\u003cspan class=\"aqua-text-gradient\"\u003eÉcran solaire coréen\u003c\/span\u003e Ce qui vous fera aimer le soleil à nouveau\u003c\/h1\u003e\n\u003cp class=\"aqua-hero-subtitle-text aqua-reveal aqua-active delay-1\"\u003e\n                Imaginez une crème solaire avec une texture aqueuse qui disparaît en quelques secondes, et qui contient 30% d'eau de germes de riz, ce qui rend la peau des stars coréennes magnifique, et avec 5 filtres de protection avancés. Elle protège, hydrate, illumine et traite - 4 produits en un.\n            \u003c\/p\u003e\n\u003cdiv class=\"aqua-tilt-card aqua-media-wrapper size-md aqua-reveal aqua-active delay-2\"\u003e\n\u003cvideo autoplay=\"\" class=\"aqua-product-media\" loop=\"\" muted=\"\" playsinline=\"\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/0362c453e2b64b73adce019c177484fe.mp4\" type=\"video\/mp4\"\/\u003e\n                    Votre navigateur ne prend pas en charge l'affichage de la vidéo.\n                \u003c\/video\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-container\"\u003e\n\u003c!-- 2. Features Showcase --\u003e\n\u003cdiv class=\"aqua-grid-3 aqua-reveal\" style=\"margin-top: 60px;\"\u003e\n\u003cdiv class=\"aqua-glass-card\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eLa texture aqueuse disparaît en quelques secondes\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eCe n’est pas un écran solaire ordinaire, une formule très légère qui est immédiatement absorbée par la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-1\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003e30 % d'eau de graines de riz\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eLe secret de beauté coréen ancien pour éclaircir et hydrater profondément la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-2\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eSans blanchiment ni graisseur\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eMême pour les peaux grasses, elle ne laisse aucun résidu blanc gênant ni brillance indésirable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003e5 filtres de protection avancés\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eLa protection la plus forte de la région contre tous les types de rayons nocifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-1\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e5\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003e4 produits en un\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eProtection forte + hydratation profonde + éclaircissement des taches + traitement de la barrière cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. Pain Point Highlight --\u003e\n\u003cdiv class=\"aqua-impact-wrapper aqua-reveal\"\u003e\n\u003ch2 class=\"aqua-section-title\" style=\"margin-top: 0; font-size: 1.8rem;\"\u003eAvez-vous essayé beaucoup d'écrans solaires... et à cause de tant d'inconvénients, vous avez décidé de laisser le soleil ronger votre peau?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.15rem; color: var(--text-muted); margin-bottom: 25px;\"\u003e\n                Si vous en avez assez des écrans solaires qui laissent votre peau blanche, ou qui rendent votre peau grasse et collante, ou qui ne vous protègent pas vraiment du soleil...\n            \u003c\/p\u003e\n\u003cdiv style=\"background: rgba(255,255,255,0.05); padding: 20px; border-radius: 15px; border: 2px solid var(--aqua-primary); display: inline-block;\"\u003e\n\u003cp style=\"font-size: 1.25rem; font-weight: 800; color: #ffffff; margin: 0;\"\u003eRelief Sun Aqua Fresh changera complètement votre idée\u003c\/p\u003e\n\u003cp style=\"font-size: 1rem; color: var(--text-muted); margin-top: 10px;\"\u003eDès la première utilisation, vous sentirez que vous appliquez un sérum hydratant, et non un écran solaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. Rice Water Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003eEau de graine de riz 30% - le secret de la beauté coréenne\u003c\/h2\u003e\n\u003cp class=\"aqua-section-subtitle aqua-reveal\"\u003eQu'est-ce qui fait qu'un ingrédient équivaut au prix d'une crème solaire entière?\u003c\/p\u003e\n\u003cdiv class=\"aqua-glass-card aqua-reveal\" style=\"max-width: 900px; margin: 0 auto; text-align: left;\"\u003e\n\u003cdiv class=\"aqua-tilt-card aqua-media-wrapper size-md\" style=\"margin-bottom: 30px;\"\u003e\n\u003cimg alt=\"Eau de graine de riz dans Relief Sun\" class=\"aqua-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_relief_sun_aqua_fresh_spf_2.webp?v=1753600391\"\/\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\" style=\"font-size: 1.5rem;\"\u003eUn secret ancien vieux de plusieurs milliers d'années\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\" style=\"margin-bottom: 20px;\"\u003eL'eau de graine de riz n'est pas juste un ingrédient ordinaire... C'est le secret de la beauté coréenne que les stars asiatiques héritent de leurs familles.\u003c\/p\u003e\n\u003cdiv class=\"aqua-grid-2\"\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: var(--gold-accent); margin-bottom: 15px; font-size: 1.2rem;\"\u003eLe composant le plus cher dans la composition:\u003c\/h4\u003e\n\u003cul style=\"list-style: none; padding: 0;\"\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e Il est extrait de manière spéciale pour préserver ses bienfaits.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e 30 % de très haute concentration - le pourcentage le plus élevé dans un écran solaire.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e Des antioxydants 10 fois plus puissants que la vitamine C.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: var(--gold-accent); margin-bottom: 15px; font-size: 1.2rem;\"\u003eCe que cela fera à votre peau?\u003c\/h4\u003e\n\u003cul style=\"list-style: none; padding: 0;\"\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e Votre peau retrouve son éclat naturel en quelques semaines.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e Éclaircit les taches foncées et unifie leur couleur.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e Hydrate en profondeur jusqu'à 7 couches.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. 5 Filters Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003e5 filtres de protection avancés - une équipe complète contre le soleil\u003c\/h2\u003e\n\u003cp class=\"aqua-section-subtitle aqua-reveal\"\u003eÀ un moment où tous les produits de prévention ne vous offrent qu’un seul filtre, cette crème en fournit 5!\u003c\/p\u003e\n\u003cdiv class=\"aqua-grid-3 aqua-reveal\"\u003e\n\u003cdiv class=\"aqua-glass-card\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eEthylhexyl Triazone\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eLe premier garde : Il absorbe les rayons et les transforme en chaleur inoffensive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-1\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eMexoryl XL\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eLe combattant complet : protège contre les UVA et les UVB avec une efficacité de 99 %.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-2\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eMexoryl SX\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eSpécialiste : Il cible les rayons qui provoquent le vieillissement de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eUvinul A Plus\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eProfond protecteur : Il combat les rayons qui pénètrent les couches profondes de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-1\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e5\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eTinosorb S\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eLe bouclier ultime : double protection et stabilité longue durée sur la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-reveal\" style=\"text-align: center; margin-top: 30px;\"\u003e\n\u003cspan style=\"display: inline-block; background: var(--aqua-gradient); color: white; padding: 10px 25px; border-radius: 20px; font-weight: bold;\"\u003eRésultat : Protection SPF 57,9 + PA++++ UVA PF 19,3 - plus élevée que celle indiquée sur l'emballage!\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Timeline Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003eVoyage de changement - voyez votre peau s'améliorer chaque jour\u003c\/h2\u003e\n\u003cdiv class=\"aqua-timeline aqua-reveal\"\u003e\n\u003cdiv class=\"aqua-timeline-item\"\u003e\n\u003cdiv class=\"aqua-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-content\"\u003e\n\u003cdiv class=\"aqua-time-label\"\u003ePremier jour\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eLa première surprise\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Protection immédiate dès la première application.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Une sensation de fraîcheur et d'hydratation profonde.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Une texture aqueuse qui disparaît sans effet gras.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-item\"\u003e\n\u003cdiv class=\"aqua-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-content\"\u003e\n\u003cdiv class=\"aqua-time-label\"\u003eAprès une semaine\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eLe doux début\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ La peau est plus douce et plus éclatante.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Réduit l'excès de brillance pour les peaux grasses.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Amélioration visible de la texture de la peau.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-item\"\u003e\n\u003cdiv class=\"aqua-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-content\"\u003e\n\u003cdiv class=\"aqua-time-label\"\u003eAprès un mois\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eLes résultats parlent\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Éclat clair et uniformisation du teint.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Les taches sombres commencent à diminuer.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Peau plus forte et plus résistante.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Comparison Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003eComparé à n'importe quelle autre crème solaire - la différence est claire\u003c\/h2\u003e\n\u003cdiv class=\"aqua-comparison-grid aqua-reveal\"\u003e\n\u003cdiv class=\"aqua-comp-card\"\u003e\n\u003ch3 class=\"aqua-card-title\" style=\"text-align: center; color: var(--text-muted);\"\u003eÉcran solaire ordinaire (100 livres)\u003c\/h3\u003e\n\u003cul class=\"aqua-comp-list\"\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Juste une protection normale\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Texture grasse ou blancheur claire\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Composants chimiques ordinaires\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Il n'y a pas de bénéfices supplémentaires\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Résultat : protection seulement temporaire\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-comp-card premium\"\u003e\n\u003ch3 class=\"aqua-card-title\" style=\"text-align: center;\"\u003eRelief Sun Aqua Fresh\u003c\/h3\u003e\n\u003cul class=\"aqua-comp-list\"\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Protection forte + hydratation + traitement + embellissement\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Texture aqueuse luxueuse qui disparaît avec le temps\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Ingrédients naturels rares et coûteux\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Amélioration continue de la qualité de la peau\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Le résultat : un investissement dans la beauté et la santé de votre peau\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8. CTA Section --\u003e\n\u003cdiv class=\"aqua-cta aqua-reveal\"\u003e\n\u003cdiv class=\"aqua-tilt-card aqua-media-wrapper size-sm\" style=\"margin-bottom: 30px;\"\u003e\n\u003cimg alt=\"Investissez dès maintenant dans la protection de votre peau\" class=\"aqua-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_relief_sun_aqua_fresh_spf_4.webp?v=1753600391\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"aqua-main-title\"\u003eLa décision d'aujourd'hui déterminera la forme de votre peau demain\u003c\/h2\u003e\n\u003cp class=\"aqua-card-desc\" style=\"max-width: 750px; margin: 0 auto 20px; font-size: 1.15rem;\"\u003e\n                Le soleil est le plus grand ennemi de votre peau, la principale cause du vieillissement prématuré, et la première cause de pigmentation et de taches. Laissez-vous le soleil ronger votre peau, ou allez-vous investir dans un produit de soin qui la protège et l'améliore chaque jour?\n            \u003c\/p\u003e\n\u003cp style=\"font-size: 1.3rem; font-weight: 800; color: var(--aqua-dark);\"\u003eLa bonne décision est claire!\u003c\/p\u003e\n\u003cbutton class=\"aqua-btn-primary\"\u003eCommandez-le maintenant... et investissez dans l'avenir de votre peau\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', () =\u003e {\n            \/\/ Scroll Reveal Animation\n            const reveals = document.querySelectorAll('.aqua-reveal');\n            const observer = new IntersectionObserver((entries, obs) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('aqua-active');\n                        obs.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\n\n            reveals.forEach(el =\u003e observer.observe(el));\n\n            \/\/ Premium 3D Tilt Effect\n            if (window.matchMedia(\"(hover: hover)\").matches) {\n                const tiltCards = document.querySelectorAll('.aqua-tilt-card');\n                tiltCards.forEach(card =\u003e {\n                    const media = card.querySelector('.aqua-product-media');\n                    card.addEventListener('mousemove', e =\u003e {\n                        const rect = card.getBoundingClientRect();\n                        const x = e.clientX - rect.left;\n                        const y = e.clientY - rect.top;\n                        const centerX = rect.width \/ 2;\n                        const centerY = rect.height \/ 2;\n                        \n                        const rotateX = ((y - centerY) \/ centerY) * -5;\n                        const rotateY = ((x - centerX) \/ centerX) * 5;\n                        \n                        media.style.transform = `scale(1.02) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;\n                    });\n\n                    card.addEventListener('mouseleave', () =\u003e {\n                        media.style.transform = `scale(1) rotateX(0deg) rotateY(0deg)`;\n                    });\n                });\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":44946572411077,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/4000a17e-2027-48ff-9425-bb8669e8ee8a.webp?v=1753601938"},{"product_id":"la-roche-posay-anthelios-uvmune","title":"LA ROCHE-POSAY Innovation Anthelios UVMUNE 400 50+ Oil Control Gel Cream 50.0ml","description":"\u003cdiv class=\"laroche-container\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n    .laroche-container {\n      direction: ltr;\n      text-align: left;\n      max-width: 100%;\n      margin: 0 auto;\n      font-family:inherit;\n      line-height: 1.6;\n      color: #333;\n      background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%);\n      position: relative;\n    }\n\n    .laroche-container * {\n      box-sizing: border-box;\n    }\n\n    \/* Luxury floating background *\/\n    .laroche-container::before {\n      content: '';\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: \n        radial-gradient(circle at 20% 30%, rgba(156, 129, 2, 0.04) 2px, transparent 2px),\n        radial-gradient(circle at 80% 70%, rgba(156, 129, 2, 0.05) 1px, transparent 1px),\n        radial-gradient(circle at 50% 50%, rgba(156, 129, 2, 0.03) 1px, transparent 1px),\n        linear-gradient(135deg, rgba(250, 250, 250, 0.9) 0%, rgba(245, 245, 245, 0.95) 100%);\n      animation: luxuryFloat 30s ease-in-out infinite;\n      pointer-events: none;\n      z-index: -1;\n    }\n\n    .main-title {\n      color: #9C8102;\n      font-size: 3.5em;\n      font-weight: 900;\n      margin-bottom: 50px;\n      text-shadow: 0 6px 20px rgba(156, 129, 2, 0.4);\n      text-align: center;\n      opacity: 0;\n      transform: translateY(60px);\n      animation: luxuryFadeInUp 2s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      position: relative;\n      letter-spacing: -0.03em;\n      background: linear-gradient(135deg, #9C8102 0%, #d4af37 30%, #f4e4a6 50%, #d4af37 70%, #9C8102 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      background-size: 200% 100%;\n      animation: luxuryFadeInUp 2s cubic-bezier(0.23, 1, 0.32, 1) forwards, \n                 shimmerText 4s ease-in-out infinite 2s;\n    }\n\n    .main-title::after {\n      content: '';\n      position: absolute;\n      bottom: -20px;\n      right: 50%;\n      transform: translateX(50%);\n      width: 0;\n      height: 5px;\n      background: linear-gradient(90deg, transparent 0%, #9C8102 15%, #d4af37 50%, #9C8102 85%, transparent 100%);\n      box-shadow: 0 3px 15px rgba(156, 129, 2, 0.5);\n      animation: luxuryUnderline 3s cubic-bezier(0.23, 1, 0.32, 1) 1.5s forwards;\n    }\n\n    .hero-image {\n      width: 100%;\n      max-width: 700px;\n      height: auto;\n      margin: 50px auto;\n      display: block;\n      border-radius: 30px;\n      box-shadow: \n        0 30px 80px rgba(0,0,0,0.2),\n        0 15px 40px rgba(156, 129, 2, 0.15),\n        inset 0 2px 0 rgba(255,255,255,0.7);\n      opacity: 0;\n      transform: scale(0.8) rotateY(10deg) translateZ(0);\n      animation: luxuryImageReveal 2.5s cubic-bezier(0.23, 1, 0.32, 1) 1s forwards;\n      transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);\n      position: relative;\n    }\n\n    .hero-image::before {\n      content: '';\n      position: absolute;\n      top: -4px;\n      left: -4px;\n      right: -4px;\n      bottom: -4px;\n      background: linear-gradient(135deg, #9C8102, #d4af37, #f4e4a6, #d4af37, #9C8102);\n      border-radius: 34px;\n      z-index: -1;\n      opacity: 0;\n      transition: opacity 0.8s ease;\n    }\n\n    .hero-image:hover {\n      transform: scale(1.05) rotateY(0deg) translateZ(30px);\n      box-shadow: \n        0 40px 100px rgba(0,0,0,0.25),\n        0 20px 50px rgba(156, 129, 2, 0.2),\n        inset 0 2px 0 rgba(255,255,255,0.9);\n    }\n\n    .hero-image:hover::before {\n      opacity: 0.8;\n    }\n\n    .impact-section {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 25%, #1a1a1a 50%, #000 75%, #1a1a1a 100%);\n      color: white;\n      padding: 70px;\n      border-radius: 30px;\n      margin: 80px 0;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.85);\n      animation: luxuryScaleIn 2s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 2px solid rgba(156, 129, 2, 0.4);\n      position: relative;\n      overflow: hidden;\n      box-shadow: \n        0 40px 80px rgba(0,0,0,0.4),\n        0 15px 40px rgba(156, 129, 2, 0.2),\n        inset 0 2px 0 rgba(255,255,255,0.15);\n    }\n\n    .impact-section::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      left: -50%;\n      width: 200%;\n      height: 200%;\n      background: \n        radial-gradient(circle at 25% 35%, rgba(156, 129, 2, 0.2) 0%, transparent 50%),\n        radial-gradient(circle at 75% 65%, rgba(212, 175, 55, 0.15) 0%, transparent 50%);\n      animation: luxuryAura 8s ease-in-out infinite;\n      z-index: 1;\n    }\n\n    .impact-section::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(45deg, transparent 30%, rgba(156, 129, 2, 0.1) 50%, transparent 70%);\n      animation: premiumShimmer 6s ease-in-out infinite;\n      z-index: 2;\n    }\n\n    .impact-title {\n      color: #f4e4a6;\n      font-size: 3.2em;\n      font-weight: 900;\n      margin-bottom: 30px;\n      position: relative;\n      z-index: 3;\n      text-shadow: 0 4px 15px rgba(244, 228, 166, 0.6);\n      letter-spacing: -0.02em;\n    }\n\n    .impact-text {\n      font-size: 1.3em;\n      line-height: 2;\n      opacity: 0.95;\n      position: relative;\n      z-index: 3;\n      font-weight: 400;\n    }\n\n    .section-header {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 50%, #1a1a1a 100%);\n      color: white;\n      padding: 50px;\n      margin: 80px 0 50px 0;\n      border-radius: 25px;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.9);\n      animation: luxuryScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 2px solid rgba(156, 129, 2, 0.3);\n      box-shadow: \n        0 25px 50px rgba(0,0,0,0.3),\n        inset 0 2px 0 rgba(255,255,255,0.1);\n    }\n\n    .section-title {\n      color: #f4e4a6;\n      font-size: 2.8em;\n      font-weight: 900;\n      margin-bottom: 15px;\n      text-shadow: 0 3px 12px rgba(244, 228, 166, 0.5);\n      letter-spacing: -0.02em;\n    }\n\n    .section-subtitle {\n      font-size: 1.2em;\n      opacity: 0.9;\n      font-weight: 300;\n    }\n\n    .features-showcase {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 25px;\n      margin: 50px 0;\n      padding: 0 20px;\n    }\n\n    .feature-highlight {\n      background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n      padding: 30px;\n      border-radius: 20px;\n      text-align: center;\n      box-shadow: \n        0 15px 40px rgba(0,0,0,0.08),\n        0 6px 20px rgba(156, 129, 2, 0.06);\n      border: 1px solid rgba(156, 129, 2, 0.1);\n      opacity: 0;\n      transform: translateY(40px);\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .feature-highlight::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n      transition: left 0.8s cubic-bezier(0.23, 1, 0.32, 1);\n    }\n\n    .feature-highlight:hover {\n      transform: translateY(-15px);\n      box-shadow: \n        0 25px 60px rgba(0,0,0,0.12),\n        0 10px 30px rgba(156, 129, 2, 0.1);\n    }\n\n    .feature-highlight:hover::before {\n      left: 100%;\n    }\n\n    .feature-icon {\n      width: 50px;\n      height: 50px;\n      margin: 0 auto 20px auto;\n      fill: #9C8102;\n      display: block;\n    }\n\n    .feature-title {\n      color: #9C8102;\n      font-size: 1.1em;\n      font-weight: 700;\n      margin-bottom: 15px;\n    }\n\n    .feature-description {\n      color: #555;\n      font-size: 0.95em;\n      line-height: 1.6;\n    }\n\n    .technology-section {\n      background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n      padding: 60px;\n      border-radius: 25px;\n      margin: 60px 0;\n      border: 2px solid #9C8102;\n      box-shadow: \n        0 20px 40px rgba(0,0,0,0.08),\n        inset 0 2px 0 rgba(255,255,255,0.9);\n    }\n\n    .tech-card {\n      background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n      padding: 40px;\n      border-radius: 20px;\n      margin: 30px 0;\n      box-shadow: \n        0 15px 35px rgba(0,0,0,0.08),\n        0 6px 20px rgba(156, 129, 2, 0.06);\n      border: 1px solid rgba(156, 129, 2, 0.1);\n      opacity: 0;\n      transform: translateX(50px);\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .tech-card::after {\n      content: '';\n      position: absolute;\n      top: -2px;\n      left: -2px;\n      right: -2px;\n      bottom: -2px;\n      background: linear-gradient(135deg, #9C8102, #d4af37, #9C8102);\n      border-radius: 22px;\n      z-index: -1;\n      opacity: 0;\n      transition: opacity 0.6s ease;\n    }\n\n    .tech-card:hover {\n      transform: translateX(-15px);\n      box-shadow: \n        0 25px 60px rgba(0,0,0,0.12),\n        0 10px 30px rgba(156, 129, 2, 0.1);\n    }\n\n    .tech-card:hover::after {\n      opacity: 0.3;\n    }\n\n    .tech-title {\n      color: #9C8102;\n      font-size: 2em;\n      font-weight: 800;\n      margin-bottom: 20px;\n      text-shadow: 0 2px 8px rgba(156, 129, 2, 0.3);\n    }\n\n    .tech-subtitle {\n      color: #666;\n      font-size: 1.3em;\n      font-weight: 600;\n      margin-bottom: 25px;\n      font-style: italic;\n    }\n\n    .benefits-list {\n      list-style: none;\n      padding: 0;\n      margin: 25px 0;\n    }\n\n    .benefit-item {\n      background: linear-gradient(135deg, #f1f3f4 0%, #e8eaf6 100%);\n      margin-bottom: 12px;\n      padding: 18px 25px;\n      border-radius: 12px;\n      border-right: 4px solid #9C8102;\n      display: flex;\n      align-items: flex-start;\n      gap: 15px;\n      transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n      color: #333;\n      box-shadow: 0 3px 8px rgba(0,0,0,0.04);\n    }\n\n    .benefit-item:hover {\n      background: linear-gradient(135deg, #e8f4f8 0%, #dce7f5 100%);\n      transform: translateX(-8px);\n      box-shadow: 0 6px 15px rgba(156, 129, 2, 0.1);\n      border-right-color: #d4af37;\n    }\n\n    .benefit-bullet {\n      width: 10px;\n      height: 10px;\n      background: linear-gradient(135deg, #9C8102, #d4af37);\n      border-radius: 50%;\n      margin-top: 8px;\n      flex-shrink: 0;\n      box-shadow: 0 2px 6px rgba(156, 129, 2, 0.4);\n    }\n\n    .comparison-section {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 50%, #1a1a1a 100%);\n      color: white;\n      padding: 70px;\n      border-radius: 25px;\n      margin: 80px 0;\n      border: 2px solid #9C8102;\n      box-shadow: \n        0 30px 60px rgba(0,0,0,0.4),\n        inset 0 2px 0 rgba(255,255,255,0.1);\n    }\n\n    .comparison-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n      gap: 40px;\n      margin: 50px 0;\n    }\n\n    .comparison-card {\n      background: linear-gradient(135deg, #333 0%, #2a2a2a 100%);\n      padding: 40px;\n      border-radius: 20px;\n      opacity: 0;\n      transform: translateY(30px);\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      box-shadow: \n        0 15px 35px rgba(0,0,0,0.3),\n        inset 0 1px 0 rgba(255,255,255,0.1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .comparison-card.premium {\n      border-top: 5px solid #d4af37;\n      background: linear-gradient(135deg, #404040 0%, #353535 100%);\n    }\n\n    .comparison-card.basic {\n      border-top: 5px solid #666;\n    }\n\n    .comparison-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(135deg, rgba(156, 129, 2, 0.05) 0%, transparent 50%);\n      opacity: 0;\n      transition: opacity 0.6s ease;\n    }\n\n    .comparison-card:hover {\n      transform: translateY(-10px);\n    }\n\n    .comparison-card.premium:hover::before {\n      opacity: 1;\n    }\n\n    .comparison-title {\n      font-size: 1.8em;\n      font-weight: 800;\n      margin-bottom: 30px;\n      text-align: center;\n    }\n\n    .comparison-title.premium {\n      color: #f4e4a6;\n      text-shadow: 0 2px 8px rgba(244, 228, 166, 0.5);\n    }\n\n    .comparison-title.basic {\n      color: #ccc;\n    }\n\n    .comparison-list {\n      list-style: none;\n      padding: 0;\n    }\n\n    .comparison-item {\n      padding: 12px 0;\n      border-bottom: 1px solid rgba(255,255,255,0.1);\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .comparison-item:last-child {\n      border-bottom: none;\n    }\n\n    .comparison-check {\n      width: 20px;\n      height: 20px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 12px;\n      font-weight: bold;\n    }\n\n    .comparison-check.premium {\n      background: linear-gradient(135deg, #9C8102, #d4af37);\n      color: white;\n    }\n\n    .comparison-check.basic {\n      background: #666;\n      color: white;\n    }\n\n    .cta-final {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 25%, #1a1a1a 50%, #000 75%, #1a1a1a 100%);\n      color: white;\n      padding: 80px;\n      border-radius: 30px;\n      text-align: center;\n      margin: 80px 0;\n      opacity: 0;\n      transform: scale(0.8);\n      animation: luxuryScaleIn 2.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 3px solid #9C8102;\n      position: relative;\n      overflow: hidden;\n      box-shadow: \n        0 50px 100px rgba(0,0,0,0.4),\n        0 20px 50px rgba(156, 129, 2, 0.2),\n        inset 0 2px 0 rgba(255,255,255,0.15);\n    }\n\n    .cta-final::before {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 500px;\n      height: 500px;\n      background: radial-gradient(circle, rgba(156, 129, 2, 0.15) 0%, transparent 70%);\n      transform: translate(-50%, -50%);\n      animation: ctaAura 4s ease-in-out infinite;\n    }\n\n    .cta-title {\n      color: #f4e4a6;\n      font-size: 3.5em;\n      font-weight: 900;\n      margin-bottom: 30px;\n      position: relative;\n      z-index: 1;\n      text-shadow: 0 4px 20px rgba(244, 228, 166, 0.7);\n      letter-spacing: -0.02em;\n    }\n\n    .cta-text {\n      font-size: 1.4em;\n      margin: 30px 0;\n      opacity: 0.95;\n      position: relative;\n      z-index: 1;\n      line-height: 1.8;\n      font-weight: 400;\n    }\n\n    .cta-highlight {\n      font-size: 1.6em;\n      font-weight: 800;\n      color: #f4e4a6;\n      margin: 40px 0;\n      animation: luxuryTextGlow 3s ease-in-out infinite;\n      position: relative;\n      z-index: 1;\n      text-shadow: 0 3px 12px rgba(244, 228, 166, 0.6);\n    }\n\n    @keyframes luxuryFadeInUp {\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes luxuryScaleIn {\n      to {\n        opacity: 1;\n        transform: scale(1);\n      }\n    }\n\n    @keyframes luxuryImageReveal {\n      to {\n        opacity: 1;\n        transform: scale(1) rotateY(0deg) translateZ(0);\n      }\n    }\n\n    @keyframes luxuryUnderline {\n      to { width: 150px; }\n    }\n\n    @keyframes shimmerText {\n      0% { background-position: -200% 0; }\n      100% { background-position: 200% 0; }\n    }\n\n    @keyframes luxuryFloat {\n      0%, 100% { transform: translateY(0px) rotate(0deg); }\n      50% { transform: translateY(-20px) rotate(180deg); }\n    }\n\n    @keyframes luxuryAura {\n      0%, 100% { opacity: 0.8; transform: scale(1) rotate(0deg); }\n      50% { opacity: 1; transform: scale(1.1) rotate(180deg); }\n    }\n\n    @keyframes premiumShimmer {\n      0% { transform: translateX(-100%) skewX(-15deg); }\n      100% { transform: translateX(200%) skewX(-15deg); }\n    }\n\n    @keyframes ctaAura {\n      0%, 100% { \n        transform: translate(-50%, -50%) scale(1); \n        opacity: 0.4; \n      }\n      50% { \n        transform: translate(-50%, -50%) scale(1.4); \n        opacity: 0.1; \n      }\n    }\n\n    @keyframes luxuryTextGlow {\n      0%, 100% { \n        text-shadow: 0 3px 12px rgba(244, 228, 166, 0.6); \n        transform: scale(1);\n      }\n      50% { \n        text-shadow: 0 6px 30px rgba(244, 228, 166, 0.9); \n        transform: scale(1.02);\n      }\n    }\n\n    @media (max-width: 768px) {\n      .main-title {\n        font-size: 2.8em;\n        margin-bottom: 40px;\n      }\n\n      .hero-image {\n        max-width: 90%;\n        border-radius: 20px;\n        margin: 40px auto;\n      }\n      \n      .features-showcase,\n      .comparison-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n        padding: 0 10px;\n      }\n\n      .comparison-grid {\n        grid-template-columns: 1fr;\n      }\n      \n      .impact-section,\n      .section-header,\n      .technology-section,\n      .comparison-section,\n      .cta-final {\n        padding: 40px 25px;\n        margin: 40px 10px;\n      }\n\n      .impact-title {\n        font-size: 2.4em;\n      }\n\n      .section-title {\n        font-size: 2.2em;\n      }\n\n      .cta-title {\n        font-size: 2.6em;\n      }\n\n      .tech-card {\n        padding: 30px 20px;\n        border-radius: 15px;\n      }\n\n      .comparison-card {\n        padding: 25px 20px;\n      }\n\n      .benefit-item {\n        padding: 15px 18px;\n        margin-bottom: 10px;\n      }\n    }\n\n    @media (max-width: 480px) {\n      .main-title {\n        font-size: 2.2em;\n        letter-spacing: -0.01em;\n      }\n\n      .impact-section,\n      .section-header,\n      .technology-section,\n      .comparison-section,\n      .cta-final {\n        padding: 30px 20px;\n        border-radius: 20px;\n      }\n\n      .impact-title {\n        font-size: 2em;\n      }\n\n      .section-title {\n        font-size: 1.9em;\n      }\n\n      .cta-title {\n        font-size: 2.2em;\n      }\n\n      .tech-title {\n        font-size: 1.6em;\n      }\n\n      .comparison-title {\n        font-size: 1.5em;\n      }\n\n      .cta-highlight {\n        font-size: 1.3em;\n      }\n\n      .cta-text {\n        font-size: 1.2em;\n      }\n    }\n  \u003c\/style\u003e\n\u003c!-- Main Title --\u003e\n\u003ch1 class=\"main-title\"\u003eLa Roche-Posay Anthelios UVMune 400 - la marque n°1 mondiale en protection solaire\u003c\/h1\u003e\n\u003c!-- Hero Image --\u003e\n\u003cimg alt=\"La Roche Posay Anthelios UVMune 400\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/laroch_posay_sunscreen.png?v=1753602772\"\/\u003e\n\u003c!-- Impact Section --\u003e\n\u003cdiv class=\"impact-section\"\u003e\n\u003ch2 class=\"impact-title\"\u003ePourquoi La Roche Posay est-elle le premier choix de millions de personnes dans le monde?\u003c\/h2\u003e\n\u003cdiv class=\"impact-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eLa marque que les médecins préfèrent à toute autre marque\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLa marque n°1 dans les produits de protection solaire dans le monde\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eRecommandé par 90 000 dermatologues à travers le monde\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e30 ans de recherche dans la protection des peaux sensibles\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eTechnologie française avancée provenant des meilleurs laboratoires\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLe seul à posséder MEXORYL400 - une technologie exclusive qui ne se trouve dans aucune autre marque\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Features Showcase --\u003e\n\u003cdiv class=\"features-showcase\"\u003e\n\u003cdiv class=\"feature-highlight\"\u003e\n\u003csvg class=\"feature-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003ch3 class=\"feature-title\"\u003eLa marque n°1 dans le monde\u003c\/h3\u003e\n\u003cp class=\"feature-description\"\u003eLa marque de protection solaire la plus vendue dans le monde\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-highlight\"\u003e\n\u003csvg class=\"feature-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M19 3h-1V1h-2v2H8V1H6v2H5c-1.1 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003ch3 class=\"feature-title\"\u003e30 ans de recherche\u003c\/h3\u003e\n\u003cp class=\"feature-description\"\u003eTrois décennies de développement et d'innovation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-highlight\"\u003e\n\u003csvg class=\"feature-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003ch3 class=\"feature-title\"\u003e90 000 médecins\u003c\/h3\u003e\n\u003cp class=\"feature-description\"\u003eLa Roche-Posay est recommandée à l'international\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-highlight\"\u003e\n\u003csvg class=\"feature-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003ch3 class=\"feature-title\"\u003eMEXORYL400 Exclusif\u003c\/h3\u003e\n\u003cp class=\"feature-description\"\u003eTechnologie unique introuvable dans tout autre produit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- MEXORYL400 Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eMEXORYL400 - Le filtre exclusif qui changera votre compréhension de la protection solaire\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eUne découverte scientifique révolutionnaire que l'on ne trouve dans aucun autre produit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"technology-section\"\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3 class=\"tech-title\"\u003eQu'est-ce que l'UVA Ultra Long?\u003c\/h3\u003e\n\u003cp class=\"tech-subtitle\"\u003eLa plupart des gens connaissent les UVA et les UVB... mais personne ne sait qu'il existe un troisième type de rayons appelé Ultra Long UVA.\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eIl pénètre la peau plus profondément que tout autre type de radiation\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eCela provoque des dommages aux couches profondes de la peau\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eResponsable du vieillissement prématuré et de la pigmentation profonde\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eIl n'existe pas de crème solaire ordinaire qui puisse le protéger\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3 class=\"tech-title\"\u003eMEXORYL400 - la seule solution\u003c\/h3\u003e\n\u003cp class=\"tech-subtitle\"\u003eLa Roche-Posay est la seule au monde à avoir développé un filtre capable de protéger contre ce type de rayonnement\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eProtection contre 3 types de rayons:\u003c\/strong\u003e UVB + UVA + Ultra Long UVA\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eTechnologie exclusive\u003c\/strong\u003e Vous ne le trouverez dans aucune autre marque\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eProtection complète contre les dommages cellulaires profonds\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eLa différence entre lui et tout autre pare-soleil est comme la différence entre une voiture ordinaire et une voiture blindée\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: center; margin-top: 30px; padding: 20px; background: linear-gradient(135deg, #9C8102, #d4af37); color: white; border-radius: 10px;\"\u003e\n\u003cp style=\"font-weight: bold;\"\u003eRésultat : protection complète qui n'est pas incomplète comme les autres écrans solaires\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- AIRLICIUM Technology Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eTECHNOLOGIE AIRLICIUM AMÉLIORÉE - Contrôle de la brillance 10x plus\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eLa technologie qui a résolu le plus grand problème de la peau grasse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"technology-section\"\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3 class=\"tech-title\"\u003eQu'est-ce que la technologie AIRLICIUM?\u003c\/h3\u003e\n\u003cp class=\"tech-subtitle\"\u003eTechnologie française avancée qui absorbe toutes les sources de brillance sur votre visage\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAbsorbe l'excès de sébum\u003c\/strong\u003e De la peau immédiatement\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eContrôle la transpiration\u003c\/strong\u003e Et humidité excessive\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRésiste à l'humidité atmosphérique\u003c\/strong\u003e Celui qui fait briller votre visage\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eFini mat qui dure des heures\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3 class=\"tech-title\"\u003eNouvelle version améliorée\u003c\/h3\u003e\n\u003cp class=\"tech-subtitle\"\u003eLa Roche-Posay a développé la technologie pour être 10 fois plus puissante\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAbsorption plus rapide et plus profonde\u003c\/strong\u003e Pour la graisse\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eContrôle de brillance plus long\u003c\/strong\u003e Assure jusqu'à 8 heures de délivrance\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRésistance accrue à la sueur\u003c\/strong\u003e Et humidité\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eSensation plus légère et plus douce\u003c\/strong\u003e De la version précédente\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: center; margin-top: 30px; padding: 20px; background: linear-gradient(135deg, #f4e4a6, #d4af37); border-radius: 10px;\"\u003e\n\u003cp style=\"font-weight: bold; color: #333;\"\u003eLe résultat : une peau matte et lisse toute la journée, même par temps chaud et humide\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Cell-Ox Shield Technology Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eTechnologie Cell-Ox Shield - Bouclier intelligent contre les dommages cellulaires\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eCe n'est pas juste une protection solaire... c'est réparer les dommages existants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"technology-section\"\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3 class=\"tech-title\"\u003eQu'est-ce que Cell-Ox Shield?\u003c\/h3\u003e\n\u003cp class=\"tech-subtitle\"\u003eTechnologie antioxydante avancée qui agit à deux niveaux\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eFiltres de protection fixes\u003c\/strong\u003e Contre UVA\/UVB\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003ePuissants antioxydants\u003c\/strong\u003e Combat les radicaux libres\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eExtrait de Senna Alata\u003c\/strong\u003e - Une plante naturelle qui défend les cellules de la peau\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRéparer les dommages existants\u003c\/strong\u003e D'une exposition préalable au soleil\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"color: #9C8102; font-size: 1.4em; margin: 25px 0 15px 0;\"\u003eDoublez les résultats\u003c\/h4\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eProtection instantanée\u003c\/strong\u003e Des rayons nocifs\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eTraitement progressif\u003c\/strong\u003e Pour les taches et la pigmentation existantes\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRenforcement de l'immunité de la peau\u003c\/strong\u003e Contre les facteurs externes\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRetarder les signes du vieillissement\u003c\/strong\u003e Et les rides\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Active Ingredients Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eUne formule riche en ingrédients thérapeutiques\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eCe n'est pas juste protéger... c'est un traitement complet pour la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"technology-section\"\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3 class=\"tech-title\"\u003eLa Roche-Posay Thermal Spring Water\u003c\/h3\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eEau thermale thérapeutique\u003c\/strong\u003e De France\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRiche en sélénium\u003c\/strong\u003e - Un puissant antioxydant naturel\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eApaise les peaux sensibles\u003c\/strong\u003e Et enflammé\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAide à réparer les dommages\u003c\/strong\u003e Mineur\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3 class=\"tech-title\"\u003eNiacinamide (Vitamine B3))\u003c\/h3\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRégule la sécrétion de graisses\u003c\/strong\u003e Il réduit la taille des pores\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eÉclaircit les taches sombres\u003c\/strong\u003e Il unifie le teint de la peau\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRenforce la barrière cutanée\u003c\/strong\u003e Naturel\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eApaise l'inflammation\u003c\/strong\u003e Et rougeur\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3 class=\"tech-title\"\u003eGlycérine + Panthénol (Vitamine B5))\u003c\/h3\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eHydratation profonde\u003c\/strong\u003e Non gras\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eMaintient la douceur de la peau\u003c\/strong\u003e Et sa douceur\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAide à la guérison\u003c\/strong\u003e Blessures mineures\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRéduit les irritations cutanées\u003c\/strong\u003e Sensible\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Comparison Section --\u003e\n\u003cdiv class=\"comparison-section\"\u003e\n\u003ch2 style=\"color: #f4e4a6; font-size: 2.8em; text-align: center; margin-bottom: 20px; font-weight: 900;\"\u003eComparé à d'autres crèmes solaires - la différence est évidente\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.3em; margin-bottom: 40px; opacity: 0.9;\"\u003eLa Roche-Posay contre toute autre crème solaire\u003c\/p\u003e\n\u003cdiv class=\"comparison-grid\"\u003e\n\u003cdiv class=\"comparison-card basic\"\u003e\n\u003ch3 class=\"comparison-title basic\"\u003eÉcran solaire ordinaire\u003c\/h3\u003e\n\u003cul class=\"comparison-list\"\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check basic\"\u003e✗\u003c\/div\u003e\n\u003cspan\u003eProtection UVA + UVB seulement\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check basic\"\u003e✗\u003c\/div\u003e\n\u003cspan\u003eComposants chimiques de base\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check basic\"\u003e✗\u003c\/div\u003e\n\u003cspan\u003eTexture grasse ou blancheur claire\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check basic\"\u003e✗\u003c\/div\u003e\n\u003cspan\u003eRésistance limitée à l'eau et à la sueur\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check basic\"\u003e✗\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRésultat:\u003c\/strong\u003e Protection insuffisante avec des problèmes secondaires\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card premium\"\u003e\n\u003ch3 class=\"comparison-title premium\"\u003eLa Roche Posay Anthelios UVMune 400\u003c\/h3\u003e\n\u003cul class=\"comparison-list\"\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eProtection UVA + UVB + UVA ultra longue\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eTechnologie MEXORYL400 exclusive\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eTexture douce de gel-crème matte\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRésistance supérieure à l'eau, à la sueur et au sable\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eIngrédients thérapeutiques ajoutés\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRésultat:\u003c\/strong\u003e Protection complète + traitement + confort total\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 40px; padding: 30px; background: linear-gradient(135deg, #9C8102, #d4af37); color: white; border-radius: 15px; position: relative; z-index: 3;\"\u003e\n\u003cp style=\"font-size: 1.4em; font-weight: bold;\"\u003eConclusion : Il ne s'agit pas seulement d'une différence de prix... c'est une différence dans le niveau de protection et de qualité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"cta-final\"\u003e\n\u003ch2 class=\"cta-title\"\u003eVous n'achetez pas juste un produit... vous achetez 30 ans de recherche scientifique\u003c\/h2\u003e\n\u003cdiv class=\"cta-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eVous achetez la confiance de 90 000 médecins à travers le monde\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLe soleil ne vous attendra pas... et les dommages s'accumulent chaque jour\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eProtégez votre peau avec la technologie la plus récente et la plus avancée au monde\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cta-highlight\"\u003e\n      Commandez-le maintenant... et ne laissez pas votre peau payer le prix du retard\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    \/\/ Enhanced Intersection Observer\n    const luxuryObserverOptions = {\n      threshold: 0.1,\n      rootMargin: '0px 0px -80px 0px'\n    };\n\n    const luxuryObserver = new IntersectionObserver((entries) =\u003e {\n      entries.forEach(entry =\u003e {\n        if (entry.isIntersecting) {\n          const element = entry.target;\n          \n          if (element.classList.contains('feature-highlight')) {\n            element.style.animation = 'luxuryFadeInUp 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('section-header')) {\n            element.style.animation = 'luxuryScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('tech-card')) {\n            element.style.animation = 'luxuryFadeInUp 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('comparison-card')) {\n            element.style.animation = 'luxuryFadeInUp 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('impact-section')) {\n            element.style.animation = 'luxuryScaleIn 2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('technology-section')) {\n            element.style.animation = 'luxuryScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('comparison-section')) {\n            element.style.animation = 'luxuryScaleIn 1.8s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('cta-final')) {\n            element.style.animation = 'luxuryScaleIn 2.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          }\n        }\n      });\n    }, luxuryObserverOptions);\n\n    \/\/ Initialize luxury animations\n    document.addEventListener('DOMContentLoaded', () =\u003e {\n      const animatedElements = document.querySelectorAll('.feature-highlight, .section-header, .tech-card, .comparison-card, .impact-section, .technology-section, .comparison-section, .cta-final');\n      \n      animatedElements.forEach(el =\u003e {\n        luxuryObserver.observe(el);\n      });\n\n      \/\/ Luxury staggered delays\n      const featureHighlights = document.querySelectorAll('.feature-highlight');\n      featureHighlights.forEach((highlight, index) =\u003e {\n        highlight.style.animationDelay = `${index * 0.15}s`;\n      });\n\n      const comparisonCards = document.querySelectorAll('.comparison-card');\n      comparisonCards.forEach((card, index) =\u003e {\n        card.style.animationDelay = `${index * 0.3}s`;\n      });\n\n      \/\/ Premium particle effects\n      const techCards = document.querySelectorAll('.tech-card');\n      techCards.forEach(card =\u003e {\n        card.addEventListener('mouseenter', () =\u003e {\n          createPremiumParticles(card);\n        });\n      });\n\n      \/\/ Enhanced particle creation\n      function createPremiumParticles(element) {\n        for (let i = 0; i \u003c 8; i++) {\n          const particle = document.createElement('div');\n          particle.style.cssText = `\n            position: absolute;\n            width: ${Math.random() * 4 + 2}px;\n            height: ${Math.random() * 4 + 2}px;\n            background: linear-gradient(135deg, #f4e4a6, #d4af37, #9C8102);\n            border-radius: 50%;\n            pointer-events: none;\n            z-index: 100;\n            box-shadow: 0 0 6px rgba(244, 228, 166, 0.8);\n          `;\n          \n          const rect = element.getBoundingClientRect();\n          particle.style.left = Math.random() * rect.width + 'px';\n          particle.style.top = Math.random() * rect.height + 'px';\n          \n          element.appendChild(particle);\n          \n          particle.animate([\n            { \n              transform: 'translateY(0px) scale(1) rotate(0deg)', \n              opacity: 1,\n              filter: 'brightness(1)'\n            },\n            { \n              transform: `translateY(-60px) scale(0) rotate(${Math.random() * 720}deg)`, \n              opacity: 0,\n              filter: 'brightness(1.5)'\n            }\n          ], {\n            duration: 2000,\n            easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n          }).onfinish = () =\u003e particle.remove();\n        }\n      }\n\n      \/\/ Luxury magnetic hover effects\n      const allCards = document.querySelectorAll('.tech-card, .comparison-card, .feature-highlight');\n      allCards.forEach(card =\u003e {\n        card.addEventListener('mousemove', (e) =\u003e {\n          const rect = card.getBoundingClientRect();\n          const x = e.clientX - rect.left;\n          const y = e.clientY - rect.top;\n          const centerX = rect.width \/ 2;\n          const centerY = rect.height \/ 2;\n          const deltaX = (x - centerX) \/ centerX;\n          const deltaY = (y - centerY) \/ centerY;\n          \n          card.style.transform = `\n            perspective(1000px) \n            rotateY(${deltaX * 3}deg) \n            rotateX(${-deltaY * 3}deg) \n            translateZ(6px)\n          `;\n        });\n        \n        card.addEventListener('mouseleave', () =\u003e {\n          card.style.transform = '';\n        });\n      });\n\n      \/\/ Premium sparkle effects\n      setInterval(() =\u003e {\n        const targetSections = ['.impact-section', '.section-header', '.cta-final'];\n        targetSections.forEach(selector =\u003e {\n          const section = document.querySelector(selector);\n          if (section \u0026\u0026 Math.random() \u003e 0.6) {\n            const sparkle = document.createElement('div');\n            sparkle.style.cssText = `\n              position: absolute;\n              width: ${Math.random() * 3 + 1}px;\n              height: ${Math.random() * 3 + 1}px;\n              background: linear-gradient(135deg, #f4e4a6, #d4af37);\n              border-radius: 50%;\n              pointer-events: none;\n              z-index: 10;\n              left: ${Math.random() * section.offsetWidth}px;\n              top: ${Math.random() * section.offsetHeight}px;\n              box-shadow: 0 0 8px rgba(244, 228, 166, 0.9);\n            `;\n            \n            section.appendChild(sparkle);\n            \n            sparkle.animate([\n              { \n                transform: 'scale(0) rotate(0deg)', \n                opacity: 0,\n                filter: 'brightness(1)'\n              },\n              { \n                transform: 'scale(1) rotate(180deg)', \n                opacity: 1,\n                filter: 'brightness(1.6)'\n              },\n              { \n                transform: 'scale(0) rotate(360deg)', \n                opacity: 0,\n                filter: 'brightness(0.5)'\n              }\n            ], {\n              duration: 3000,\n              easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n            }).onfinish = () =\u003e sparkle.remove();\n          }\n        });\n      }, 3000);\n\n      \/\/ Luxury ripple effect on click\n      document.addEventListener('click', (e) =\u003e {\n        if (e.target.closest('.tech-card, .comparison-card, .feature-highlight')) {\n          const element = e.target.closest('.tech-card, .comparison-card, .feature-highlight');\n          const rect = element.getBoundingClientRect();\n          const ripple = document.createElement('div');\n          \n          ripple.style.cssText = `\n            position: absolute;\n            border-radius: 50%;\n            background: radial-gradient(circle, rgba(244, 228, 166, 0.3) 0%, transparent 70%);\n            pointer-events: none;\n            z-index: 50;\n            width: 25px;\n            height: 25px;\n            left: ${e.clientX - rect.left - 12.5}px;\n            top: ${e.clientY - rect.top - 12.5}px;\n          `;\n          \n          element.appendChild(ripple);\n          \n          ripple.animate([\n            { transform: 'scale(0)', opacity: 1 },\n            { transform: 'scale(4)', opacity: 0 }\n          ], {\n            duration: 600,\n            easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n          }).onfinish = () =\u003e ripple.remove();\n        }\n      });\n    });\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"LA ROCHE POSAY","offers":[{"title":"Default Title","offer_id":44946608259269,"sku":null,"price":900.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/LaRochePosay-Product-Skincare-Anthelios-UV-Pro-Sport-ATF-PIM-packshot-front-shadow.webp?v=1753602552"},{"product_id":"skin-1004-madagascar-centella-hyalu-cica-water-fit-sun-serum-spf-50-50-ml","title":"Sérum Eau Solaire SKIN1004 avec Centella Madagascar et Hyalo Cica (SPF 50+ | 50 ml))","description":"\u003c!-- SKIN1004 Madagascar Centella Hyalu-Cica Water-Fit Sun Serum - Converted to Universal CSS System --\u003e\n\u003cdiv class=\"ph-product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"ph-hero-section\"\u003e\n\u003cdiv class=\"ph-floating-particles\"\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"ph-hero-title\"\u003eCrème solaire qui vous fera aimer le soleil dès la première utilisation\u003c\/h1\u003e\n\u003cp class=\"ph-hero-subtitle\"\u003e\u003cstrong\u003eCe n'est pas juste une crème solaire ordinaire... C'est un sérum de soin intégré avec une protection exceptionnelle SPF50+ PA++++ avec centella et acide hyaluronique.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Image --\u003e\n\u003cimg alt=\"SKIN1004 Madagascar Centella Hyalu-Cica Water-Fit Sun Serum\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_5.webp?v=1754232167\"\/\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"ph-product-showcase\"\u003e\n\u003ch2 class=\"ph-product-name\"\u003eSKIN1004 Madagascar Centella Hyalu-Cica Water-Fit Sun Serum\u003c\/h2\u003e\n\u003cp class=\"ph-product-intro\"\u003e\n      Cette crème solaire est différente de toutes les crèmes solaires que vous avez jamais essayées. Imaginez une crème solaire qui vous protège, vous hydrate et vous garde éclatant en même temps ? Imaginez appliquer de la crème solaire sans la sentir du tout sur votre peau ? Imaginez une protection solaire puissante sans aucune blancheur, sans graisse ni aspect collant ? Ce n'est pas de l'imagination... \u003cstrong\u003eSKIN1004 Centella Hyalu-Cica Water-Fit Sun Serum\u003c\/strong\u003e. Ce n'est pas juste une crème solaire ordinaire... c'est un sérum de soin complet avec une protection exceptionnelle.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 2 --\u003e\n\u003cimg alt=\"Avantages du sérum solaire SKIN1004\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_2.webp?v=1754232166\"\/\u003e\n\u003c!-- Benefits Grid --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eProtection + soin + beauté en un seul produit - 6 avantages exceptionnels\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003e\n      Les ingrédients naturels les plus puissants combinés pour la première fois\n    \u003c\/p\u003e\n\u003cdiv class=\"ph-benefits-grid\"\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e50\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eProtection supérieure SPF50+ PA++++\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eLa protection la plus forte contre les rayons UVA et UVB nocifs grâce à la technologie de protection coréenne avancée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eH\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eHydratation profonde avec acide hyaluronique\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eIl garde la peau hydratée toute la journée avec 3 tailles moléculaires différentes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eC\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eIl apaise les infections cutanées\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eAvec un extrait concentré de Centella 9800 ppm de Madagascar pour un apaisement instantané\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eW\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eTexture aqueuse légère\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eIl disparaît dans la peau sans laisser de trace, est complètement transparent et convient à tous les types de peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eG\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eÉclat naturel instantané\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eCela fait briller votre peau de manière saine et unifie sa couleur grâce à la niacinamide\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eS\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eSans danger pour les peaux sensibles\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eHypoallergénique et testé par des dermatologues\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Section Header for Magic Formula --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eLa formule magique : protection + soin + beauté dans un seul produit\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003eLes ingrédients naturels les plus puissants combinés pour la première fois\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 3 --\u003e\n\u003cimg alt=\"La formule magique de SKIN1004\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_4.webp?v=1754232167\"\/\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"ph-how-it-works\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eComposants scientifiques avancés\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003e\n      4 combinaisons puissantes d'ingrédients travaillant en parfaite harmonie\n    \u003c\/p\u003e\n\u003cdiv class=\"ph-mechanism-cards\"\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eExtrait de Centella de Madagascar 9800ppm - Al-Mahdi Natural\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eLa Centella la plus pure et la plus puissante au monde de Madagascar\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCentella est un miracle à base de plantes qui a la capacité d'apaiser les cas les plus sévères d'irritation et de rougeur en quelques secondes\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eCalme les infections cutanées:\u003c\/strong\u003e Et rougeur immédiate\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAccélère la guérison des petites plaies:\u003c\/strong\u003e Et les effets des grains\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRenforce la barrière naturelle de la peau:\u003c\/strong\u003e Contre les facteurs externes\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtège contre la pollution et la poussière:\u003c\/strong\u003e Pendant la protection solaire\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eAcide hyaluronique avec 3 tailles moléculaires - hydratation en profondeur\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eTechnologie avancée pour hydrater toutes les couches de la peau\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eLa magie est dans la diversité:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcide Hyaluronique simple:\u003c\/strong\u003e pour la couche superficielle\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAnalyseur d'acide hyaluronique:\u003c\/strong\u003e Pour les couches profondes\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHyaluronate de sodium:\u003c\/strong\u003e Pour hydratation continue\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation 1000 fois:\u003c\/strong\u003e Le poids d'une molécule dans l'eau\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eNiacinamide - traitement de la pigmentation\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eLa vitamine B3, qui unifie le teint de la peau et la protège\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eMultiples bienfaits:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRéduit la pigmentation:\u003c\/strong\u003e Résultant des dommages causés par le soleil\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRégule la sécrétion de sébum:\u003c\/strong\u003e Pour peau grasse et mixte\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAméliore la texture de la peau:\u003c\/strong\u003e Et sa douceur\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRenforce l'immunité de la peau:\u003c\/strong\u003e Contre les facteurs nuisibles\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eAntioxydants naturels - protection complète\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eLes dommages causés par l'oxydation sont la principale cause du vieillissement prématuré et des pigmentations tenaces\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eÉquipe défensive:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrait de thé vert:\u003c\/strong\u003e Puissant antioxydant\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrait de brocoli:\u003c\/strong\u003e Vitamines et minéraux essentiels\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrait de cresson:\u003c\/strong\u003e Active la circulation sanguine\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrait de luzerne:\u003c\/strong\u003e Nutrition cellulaire profonde\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Problem Section (Comparison) --\u003e\n\u003cdiv class=\"ph-problem-section\"\u003e\n\u003ch2 class=\"ph-problem-title\"\u003ePourquoi SKIN1004 est-il différent des autres écrans solaires?\u003c\/h2\u003e\n\u003ch3 class=\"ph-problem-subtitle\"\u003e\n\u003cstrong\u003eÉcrans solaires ordinaires vs SKIN1004 - la différence est claire\u003c\/strong\u003e\n\u003c\/h3\u003e\n\u003cp class=\"ph-problem-text\"\u003e\n      La plupart des écrans solaires sur le marché se concentrent uniquement sur la protection, mais laissent la peau sèche, grasse ou avec une couche blanche gênante. Les rayons du soleil endommagent votre peau même les jours nuageux, et chaque jour sans protection adéquate, les cellules de la peau deviennent plus endommagées.\n    \u003c\/p\u003e\n\u003cdiv class=\"ph-problem-details\"\u003e\n\u003ch4 class=\"ph-problem-detail-title\"\u003eComparaison complète:\u003c\/h4\u003e\n\u003cdiv class=\"ph-problem-grid\"\u003e\n\u003cdiv class=\"ph-problem-detail-card\"\u003e\n\u003ch5 class=\"ph-problem-detail-subtitle\"\u003e\u003cstrong\u003eCrèmes solaires traditionnelles\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Une texture grasse et collante qui fait briller la peau de manière peu agréable\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Blancheur nette qui apparaît sur la peau pendant des heures\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Sécheresse et irritation, surtout pour les peaux sensibles\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Protection uniquement sans aucun avantage supplémentaire\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Difficile à enlever et obstrue les pores\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-problem-detail-card\"\u003e\n\u003ch5 class=\"ph-problem-detail-subtitle\"\u003e\u003cstrong\u003eSKIN1004 Centella Hyalu-Cica Sun Serum\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Texture légère et aqueuse qui disparaît en quelques secondes\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Complètement transparent, adapté à tous les types de peau\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Hydrate et apaise tout en protégeant\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Soin de la peau intégré tout en protégeant\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Facile à enlever et confortable pour un usage quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"ph-problem-highlight\"\u003e\n\u003cstrong\u003eLa protection n'est pas un luxe... c'est une nécessité pour la santé et la beauté de votre peau\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 4 --\u003e\n\u003cimg alt=\"Comparez SKIN1004 avec d'autres produits\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_1.webp?v=1754232167\"\/\u003e\n\u003c!-- Results Timeline --\u003e\n\u003cdiv class=\"ph-timeline-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eUn voyage de protection et de beauté - voyez la différence dès le premier jour\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003eCe n'est pas juste protéger... c'est une amélioration complète pour votre peau\u003c\/p\u003e\n\u003cdiv class=\"ph-timeline-container\"\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eDès la première utilisation\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eLa surprise agréable\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eProtection instantanée contre les rayons de soleil les plus forts\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eL'hydratation profonde est préférée pour de longues heures\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eÉclat naturel sans aucune blancheur ni graisse\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eConfort complet même pour les peaux sensibles\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eAprès une semaine\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eAmélioration évidente\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eLa peau est visiblement plus lisse et plus élastique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eRéduire les rougeurs et l'inflammation de la peau\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eMeilleure tonicité de la peau et éclat naturel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eProtection prouvée sans aucun coup de soleil\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eAprès un mois\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eAmélioration continue\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003ePeau plus saine et plus éclatante grâce à une hydratation profonde\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eAmélioration de la texture et de la douceur de la peau\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eProtection puissante contre tous les dommages causés par le soleil et la pollution\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003ePlus de confiance à utiliser le produit quotidiennement\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eAprès 3 mois\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eProtection et soin complets\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003ePeau protégée à 100 % contre les dommages du soleil et le vieillissement\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eMeilleure santé globale de la peau grâce aux ingrédients naturels\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eÉclat durable et vitalité naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eUne habitude saine qui est devenue partie de votre routine quotidienne\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"ph-timeline-conclusion\"\u003e\n      Ce n'est pas juste de la protection... c'est une amélioration complète pour votre peau à long terme\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 5 --\u003e\n\u003cimg alt=\"Voyage vers l'amélioration avec SKIN1004\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_1.jpg?v=1754232167\"\/\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"ph-usage-section\"\u003e\n\u003ch2 class=\"ph-usage-title\"\u003eMéthode d'application optimale - pour une protection et une beauté maximales\u003c\/h2\u003e\n\u003cp class=\"ph-usage-subtitle\"\u003eÉtapes simples pour des résultats parfaits\u003c\/p\u003e\n\u003cdiv class=\"ph-usage-steps\"\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"ph-step-title\"\u003eLe matin\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eNettoyez votre visage avec la lotion appropriée, hydratez votre peau avec votre crème hydratante habituelle, attendez 5 minutes que la crème hydratante sèche, appliquez une quantité appropriée de sérum et de crème solaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"ph-step-title\"\u003eMéthode d'application\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eQuantité ,,, Activé Visage Doucement Absorption Attendez 5 Avant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"ph-step-title\"\u003eRéapplication\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eToutes les deux heures lorsqu'exposé au soleil direct, après la baignade ou une forte transpiration. Facile à appliquer même sur un maquillage léger\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"ph-step-title\"\u003eAstuces importantes\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eUtilisez quotidiennement pour de meilleurs résultats, adapté sous un écran solaire et le maquillage, sûr pour une utilisation fréquente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-tips\"\u003e\n\u003ch3 class=\"ph-usage-tips-title\"\u003ePourquoi la crème solaire est-elle un investissement intelligent?\u003c\/h3\u003e\n\u003cdiv class=\"ph-usage-tips-grid\"\u003e\n\u003cdiv class=\"ph-usage-tips-column\"\u003e\n\u003ch4 class=\"ph-usage-tips-subtitle advanced\"\u003eQualité coréenne originale:\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eUne des marques coréennes les plus célèbres\u003c\/strong\u003e Spécialisé dans les produits à base de Centella - confiance et qualité mondiales prouvées\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrix raisonnable pour un excellent rapport qualité-prix\u003c\/strong\u003e - Moins cher que la plupart des écrans solaires de luxe avec des ingrédients plus coûteux\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTaux de satisfaction de plus de 95 %\u003c\/strong\u003e Des utilisateurs du monde entier\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-tips-column\"\u003e\n\u003ch4 class=\"ph-usage-tips-subtitle additional\"\u003eUn investissement intelligent dans votre peau:\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eUn produit qui a connu un succès considérable\u003c\/strong\u003e Excellentes critiques dans le monde entier\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLa lumière du soleil nuit à votre peau\u003c\/strong\u003e Même les jours nuageux\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eChaque jour sans protection\u003c\/strong\u003e Vos cellules de peau sont plus endommagées\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Warning Section --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eAvertissement important : Votre peau a besoin de protection chaque jour\u003c\/h2\u003e\n\u003cdiv class=\"ph-warning-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eLes rayons du soleil sont nocifs pour votre peau, même par temps nuageux\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eChaque jour sans protection... les cellules de votre peau deviennent plus endommagées\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eChaque semaine de négligence... les signes de vieillissement apparaissent plus rapidement\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eChaque mois de report... les dommages s'accumulent et restent difficiles à réparer\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLa protection n'est pas un luxe... c'est une nécessité pour la santé et la beauté de votre peau\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 6 --\u003e\n\u003cimg alt=\"L'importance de la protection quotidienne\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_3.webp?v=1754232167\"\/\u003e\n\u003c!-- Social Proof --\u003e\n\u003cdiv class=\"ph-social-proof\"\u003e\n\u003ch2 class=\"ph-social-proof-title\"\u003eSKIN1004 n'est pas seulement un écran solaire... c'est un investissement dans l'avenir de votre peau\u003c\/h2\u003e\n\u003cdiv class=\"ph-proof-grid\"\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003eK\u003c\/div\u003e\n\u003ch4\u003eQualité coréenne originale\u003c\/h4\u003e\n\u003cp\u003eUne des marques coréennes les plus célèbres spécialisée dans les produits à la Centella - confiance et qualité mondiales prouvées avec des technologies de protection avancées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003eV\u003c\/div\u003e\n\u003ch4\u003ePrix raisonnable pour un excellent rapport qualité-prix\u003c\/h4\u003e\n\u003cp\u003eMoins cher que la plupart des crèmes solaires de luxe avec des ingrédients clés plus chers - un investissement intelligent pour la santé de votre peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e95\u003c\/div\u003e\n\u003ch4\u003eSuccès prouvé dans le monde entier\u003c\/h4\u003e\n\u003cp\u003eTaux de satisfaction de plus de 95 % des utilisateurs dans le monde - un produit qui a connu un grand succès et d'excellentes critiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003eA\u003c\/div\u003e\n\u003ch4\u003eSûr et adapté à tous\u003c\/h4\u003e\n\u003cp\u003eHypoallergénique et testé par des dermatologues - adapté aux peaux sensibles et à un usage quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003eU\u003c\/div\u003e\n\u003ch4\u003ePolyvalent\u003c\/h4\u003e\n\u003cp\u003eÉcran solaire + sérum de soin + crème hydratante légère + anti-inflammatoire - tout ce dont la peau a besoin en un seul produit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"ph-cta-section\"\u003e\n\u003cdiv class=\"ph-floating-particles\"\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"ph-cta-title\"\u003eProtégez votre peau aujourd'hui... et laissez-la vous remercier à l'avenir\u003c\/h2\u003e\n\u003cp class=\"ph-cta-text\"\u003e\n\u003cstrong\u003eSKIN1004 Madagascar Centella Hyalu-Cica Water-Fit Sun Serum\u003c\/strong\u003e\u003cbr\/\u003e\u003cbr\/\u003e\n      Chaque jour, sans protection adéquate, les cellules de la peau deviennent plus endommagées.\u003cbr\/\u003e\n      Chaque semaine, négliger les signes de vieillissement pour apparaître plus rapidement.\n    \u003c\/p\u003e\n\u003cdiv class=\"ph-cta-content\"\u003e\n\u003cp class=\"ph-cta-highlight\"\u003eProfitez du soleil sans crainte\u003c\/p\u003e\n\u003cp class=\"ph-cta-subtext\"\u003eAvec la protection la plus forte et la texture la plus douce - la crème solaire qui vous fera aimer le soleil dès la première utilisation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eListe complète des ingrédients\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-ingredients-list\"\u003e\n\u003ch2 class=\"ph-ingredients-list-title\"\u003eIngrédients actifs et formule complète\u003c\/h2\u003e\n\u003cdiv class=\"ph-ingredients-text\"\u003e\n\u003cstrong\u003ePrincipaux ingrédients actifs:\u003c\/strong\u003e\u003cbr\/\u003e\n      • \u003cstrong\u003eCentella Asiatica Extract (9800ppm)\u003c\/strong\u003e - Centella de Madagascar pour apaiser\u003cbr\/\u003e\n      • \u003cstrong\u003eHyaluronic Acid Complex (3 sizes)\u003c\/strong\u003e - Acide hyaluronique pour une hydratation en profondeur\u003cbr\/\u003e\n      • \u003cstrong\u003eNiacinamide\u003c\/strong\u003e - Vitamine B3 pour uniformiser la couleur\u003cbr\/\u003e\n      • \u003cstrong\u003eNatural Antioxidants\u003c\/strong\u003e - Antioxydants naturels\u003cbr\/\u003e\n      • \u003cstrong\u003eSPF50+ PA++++ Filters\u003c\/strong\u003e - Filtres de protection avancés\u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong\u003eListe complète des ingrédients (INCI)):\u003c\/strong\u003e\u003cbr\/\u003e\n      Water, Dibutyl Adipate, Propanediol, Diethylamino Hydroxybenzoyl Hexyl Benzoate, Polymethylsilsesquioxane, Ethylhexyl Triazone, Methylene Bis-Benzotriazolyl Tetramethylbutylphenol, Niacinamide, Coco-Caprylate\/Caprate, Caprylyl Methicone, Diethylhexyl Butamido Triazone, Glycerin, 1,2-Hexanediol, Butylene Glycol, Centella Asiatica Extract(9800ppm), Betula Platyphylla Japonica Bark Extract, Ginkgo Biloba Leaf Extract, Camellia Sinensis Leaf Extract, Triticum Vulgare (Wheat) Sprout Extract, Medicago Sativa (Alfalfa) Extract, Brassica Oleracea Italica (Broccoli) Sprout Extract, Eruca Sativa Leaf Extract, Camellia Japonica Leaf Extract, Sodium Hyaluronate(10ppm), Behenyl Alcohol, Poly C10-30 Alkyl Acrylate, Polyglyceryl-3 Methylglucose Distearate, Decyl Glucoside, Tromethamine, Carbomer, Acrylates\/C10-30 Alkyl Acrylate Crosspolymer, Sodium Stearoyl Glutamate, Polyacrylate Crosspolymer-6, Adenosine, Xanthan Gum, T-Butyl Alcohol, Tocopherol, Hydrolyzed Hyaluronic Acid(1ppm), Inositol, Hyaluronic Acid(0.01ppm), Pentylene Glycol, Ethylhexylglycerin\n    \u003c\/div\u003e\n\u003cdiv class=\"ph-ingredients-safety\"\u003e\n\u003cp class=\"ph-ingredients-safety-text\"\u003e\n\u003cstrong\u003e✓ Hypoallergénique\u003c\/strong\u003e - Laboratoire dermatologique\u003cbr\/\u003e\n\u003cstrong\u003e✓ Convient aux peaux sensibles\u003c\/strong\u003e - Formule douce et sûre\u003cbr\/\u003e\n\u003cstrong\u003e✓ Protection à large spectre\u003c\/strong\u003e - Contre les UVA, UVB et les rayons nocifs\n      \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":44977044652229,"sku":null,"price":900.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_1.jpg?v=1754232167"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/collections\/mntjat-alwqayt-mn-alshms.jpg?v=1627644158","url":"https:\/\/instachiq.com\/fr\/collections\/sunscreens-sunblockers.oembed","provider":"Instachiq","version":"1.0","type":"link"}