{"title":"سيرومات البشرة و الشعر","description":"\u003cstyle\u003e.ch{background:linear-gradient(135deg,#000,#131a15);padding:50px 20px;font-family:'Cairo',sans-serif;color:#fff;line-height:1.6;direction:rtl}.cc{max-width:1000px;margin:0 auto}.cq{background:rgba(255,255,255,.03);border:1px solid rgba(128,174,147,.3);border-radius:12px;padding:16px 20px;text-align:center;margin:0 auto 26px;max-width:560px}.cq p{margin:0;font-size:1.05rem;color:#80ae93;font-weight:600;font-style:italic}.ct{font-size:2.6rem;font-weight:700;margin:0 0 16px;background:linear-gradient(135deg,#fff,#80ae93);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;line-height:1.25}.cd{font-size:1.05rem;line-height:1.8;color:rgba(255,255,255,.9);text-align:center;max-width:600px;margin:0 auto 26px;font-weight:300}.cg{display:flex;gap:12px;overflow-x:auto;justify-content:center;flex-wrap:wrap;padding:6px 0}.cn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;text-align:center;min-width:120px}.cn h3{margin:0 0 4px;font-size:.95rem;font-weight:600;color:#fff}.cn p{margin:0;font-size:.75rem;color:#80ae93;font-weight:500}@media(max-width:768px){.ch{padding:36px 15px}.ct{font-size:2rem}}\u003c\/style\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cdiv class=\"ch\"\u003e\u003cdiv class=\"cc\"\u003e\n\u003cdiv class=\"cq\"\u003e\u003cp\u003eالتركيز بيعمل الفرق\u003c\/p\u003e\u003c\/div\u003e\n\u003ch1 class=\"ct\"\u003eسيرومات الوش والشعر\u003c\/h1\u003e\n\u003cp class=\"cd\"\u003eتركيبات مركّزة وسريعة الامتصاص بتوصل المكوّن الفعّال للمكان اللي محتاجه. اختار السيروم حسب هدفك: إشراقة، ترطيب، خطوط دقيقة أو تقوية شعر.\u003c\/p\u003e\n\u003cdiv class=\"cg\"\u003e\n\u003cdiv class=\"cn\"\u003e\n\u003ch3\u003eنياسيناميد\u003c\/h3\u003e\n\u003cp\u003eالمسام والإشراقة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn\"\u003e\n\u003ch3\u003eهيالورونيك\u003c\/h3\u003e\n\u003cp\u003eترطيب عميق\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn\"\u003e\n\u003ch3\u003eفيتامين C\u003c\/h3\u003e\n\u003cp\u003eمضاد أكسدة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn\"\u003e\n\u003ch3\u003eريتينول\u003c\/h3\u003e\n\u003cp\u003eملمس أنعم\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn\"\u003e\n\u003ch3\u003eسيروم الشعر\u003c\/h3\u003e\n\u003cp\u003eتقوية الجذور\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e","products":[{"product_id":"chi-silk-infusion","title":"سيروم الحرير الطبيعي تشي سيلك انفيوجن chi silk infusuon serum","description":"\u003ch3 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cstrong\u003eلن تحتاجي الذهاب للكوافير بعد اليوم\u003c\/strong\u003e\u003c\/h3\u003e\n\u003chr\u003e\n\u003ch3 style=\"text-align: center;\" dir=\"rtl\" data-mce-style=\"text-align: center;\"\u003eلأن هذا السائل سيمنحك جودة الفرد بالكيراتين والبروتين بعشر التكلفة !\u003c\/h3\u003e\n\u003cdiv style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Pink_and_White_Healthy_Drinks_Facebook_Feed_Ad_12_600x600.png?v=1634552744\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e\n\u003ch3 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eماذا لو توفر منتج يحتوي على 17 حمض أميني من الـ 18 الأساسية للشعر ؟\u003c\/h3\u003e\n\u003ch3 style=\"text-align: center;\" dir=\"rtl\" data-mce-style=\"text-align: center;\"\u003e\u003cstrong\u003eذلك ما سيجيب عليه CHI SILK INFUSION من أول استعمال !\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cdiv style=\"text-align: center;\" dir=\"rtl\" data-mce-style=\"text-align: center;\"\u003eسائل الحرير تشي غني ببروتينات القمح والصويا والحرير التي تعيد إلى الشعر 17 من الأحماض الأمينية اللازمة لتغذيته فهو يعمل على بناء الشعر من الداخل ويساعد على تقويته ومنحه نعومة الحرير ولمعانه دون أي تأثير دهني.\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e\n\u003cdiv style=\"text-align: center;\"\u003eمهما بلغت درجة تلف شعرك, سيعالجه سائل الحرير \u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\" dir=\"rtl\"\u003eسيروم الحرير من تشي هو سيروم علاجي أيضا وليس تجميلي فقط !  مناسب لأقصى حالات تلف الشعر.\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e\n\u003ch2 style=\"text-align: center;\"\u003eأساسي للشعر الأفريقي\u003c\/h2\u003e\n\u003cdiv style=\"text-align: center;\"\u003eبروتينات الحرير الطبيعي ستنعم شعرك مهما كانت تجاعيده.\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e\n\u003ch2 style=\"text-align: center;\"\u003eقطرات قليلة ستنسيكي التقصف والهيشان\u003c\/h2\u003e\n\u003cdiv style=\"text-align: center;\"\u003e ستحتاجين الى كميات قليلة جدا لتحصلي على النتيجة المرغوبة مما يجعل العبوة صغيرة الحجم تكفي لشهور طويلة من الاستخدام\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e\n\u003ch2 style=\"text-align: center;\"\u003eشعر يليق بشاشات التليفيزيون\u003c\/h2\u003e\n\u003cdiv style=\"text-align: center;\"\u003eيضفي في الحال لمعانا على الشعر ويعالج اطرافه المقصفه كما يحد من تموج الشعر ويوفر له\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\"\u003eالحماية من الحرارة .\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e\n\u003ch2 style=\"text-align: center;\" dir=\"rtl\"\u003eالأكثر مبيعا والمفضل عالميا لعقد من الزمان\u003c\/h2\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\n\u003cstrong\u003eالمفضل لملايين الناس والوحيد علميا و عمليا\u003c\/strong\u003e القادر على اعادة الشعر التالف الى أفضل مما كان عليه و من أول استخدام \u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\"\u003e \u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\u003c\/div\u003e\n\u003ch2 style=\"text-align: center;\" dir=\"rtl\"\u003eمصنع في أميريكا ومعبأ في مصر من شركة CHI Egypt\u003c\/h2\u003e\n\u003cp style=\"text-align: right;\"\u003e \u003c\/p\u003e","brand":"CHI","offers":[{"title":"59 ملل","offer_id":46999278059694,"sku":"INSTA0368CHIQ","price":12.6,"currency_code":"USD","in_stock":false},{"title":"177 ملل","offer_id":46999278092462,"sku":"INSTA0368CHIQ-2","price":28.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/silkinfusion-700x700_1f24a163-4811-4cf2-8b63-0eb9f1a125a6.jpg?v=1788176569"},{"product_id":"beesline-skin-whitening-serum","title":"100ml سيروم تفتيح بشمع النحل من بيزلين","description":"\n\u003cdiv data-mce-fragment=\"1\" style=\"text-align: center;\"\u003eسيروم مصحّح، يحفز إشراقة البشرة ويوحد لونها كما ينعم التجاعيد. لبشرة مشرقة وخالية من الشوائب.\u003c\/div\u003e\n\u003cp data-mce-fragment=\"1\"\u003e\u003cimg data-mce-fragment=\"1\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"100ml سيروم تفتيح بشمع النحل من بيزلين\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/t\/53\/assets\/f15255b38530439f613a71fc7f220e2c-2048x2048-556d7071-6922-423d-8099-729134c1d131.jpg\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/f15255b38530439f613a71fc7f220e2c_2048x2048_556d7071-6922-423d-8099-729134c1d131_1024x1024.png?v=1635613184\" data-original=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/f15255b38530439f613a71fc7f220e2c_2048x2048_556d7071-6922-423d-8099-729134c1d131_1024x1024.png?v=1635613184\" loading=\"lazy\"\u003e \u003c\/p\u003e\n\u003cdiv data-mce-fragment=\"1\" class=\"destoponly\"\u003e\n\u003ch2 data-mce-fragment=\"1\" style=\"text-align: center;\" class=\"golden\"\u003e\u003cspan style=\"color: #dba629;\"\u003eالنتائج المتوقعة\u003c\/span\u003e\u003c\/h2\u003e\n\u003ch4 data-mce-fragment=\"1\" style=\"text-align: center;\"\u003eحماية من الأشعة الشمسية\u003c\/h4\u003e\n\u003ch4 data-mce-fragment=\"1\" style=\"text-align: center;\"\u003eبشرة مشرقة وخالية من الشوائب\u003cbr\u003e\n\u003c\/h4\u003e\n\u003cp style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e \u003cbr\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: center;\" class=\"ingredient-top\"\u003e\n\u003ch5\u003eالمكونات الفاعلة\u003c\/h5\u003e\n\u003cp\u003eلوميسكن، ماتركسيل، ملح حمض اللبن، قشر الليمون الحامض، ورق الزيتون، قصعين، شمع النحل، عسل، غليسيرين نباتي، قشر الصفصاف، فيتامين سي، بقدونس، بودرة معدنية (تيتانيوم دايوكسايد)، زيت الورد الجوري وفيتامين إي.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\" class=\"ingredient-bottom\"\u003e\n\u003ch5 style=\"text-align: center;\"\u003eالمكونات المميزة\u003c\/h5\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cdiv style=\"text-align: center;\" class=\"col-md-6\"\u003e\n\u003cdiv style=\"text-align: center;\" class=\"img-box\"\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/shopbeesline.com\/pub\/media\/wysiwyg\/Beeswax.jpg\" alt=\"beeswax\" width=\"560\" height=\"340\"\u003e\u003c\/div\u003e\n\u003ch2 style=\"text-align: center;\" class=\"title\"\u003e\u003cspan style=\"color: #d0c215;\"\u003eمن النحل\u003c\/span\u003e\u003c\/h2\u003e\n\u003ch4 style=\"text-align: center;\"\u003eشمع النحل\u003c\/h4\u003e\n\u003cdiv style=\"text-align: center;\" class=\"description\"\u003eشمع النحل هو مادة مغذية غنية بالفيتامين آي الذي يساعد على بناء الخلايا وبالأحماض الدهنية المطابقة لدهون البشرة. يعمل شمع النحل كمطري ومرطب، فهو يجدد البشرة وينعمها من خلال إعادة مستوى الرطوبة إليها والمحافظة عليه في الداخل.  \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"col-md-6\"\u003e\n\u003cdiv class=\"img-box\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/t\/53\/assets\/parsley.jpg\" alt=\"parsley\" width=\"560\" height=\"340\" data-original=\"https:\/\/shopbeesline.com\/pub\/media\/wysiwyg\/Parsley.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"title\"\u003e\n\u003ch2 style=\"text-align: center;\" class=\"title\"\u003e\u003cspan style=\"color: #dca82c;\"\u003eمن الطبيعة\u003c\/span\u003e\u003c\/h2\u003e\n\u003ch4 style=\"text-align: center;\"\u003eالبقدونس\u003c\/h4\u003e\n\u003cdiv style=\"text-align: center;\" class=\"description\"\u003eالبقدونس، غني بالفيتامينات آي وسي، الفلافونوييد والفينول، يتمتع ورق البقدونس بفعالية مفتحة للبشرة. كما أنه بفضل احتوائه على مضادات الأكسدة، فهو يحمي البشرة من أضرار الأشعة\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\" class=\"description\"\u003eالشمسية ويمنع ظهور التجاعيد والبقع الداكنة. \u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\" class=\"description\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\" class=\"description\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\" class=\"description\"\u003e\u003cbr\u003e\u003c\/div\u003e\n","brand":"beesline","offers":[{"title":"Default Title","offer_id":46999289921710,"sku":"INSTA0570CHIQ","price":25.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/whitening_serum_without_box_1__adobespark_3f1672ce-00d5-4317-9d20-edb71c712176.jpg?v=1788176261"},{"product_id":"the-ordinary-buffet-anti-aging-serum-30ml","title":"The Ordinary سيروم تكنولوجيا الببتيدات و الهياليرونيك للبشرة | مضاد الشيخوخة | تجديد شامل للجلد","description":"\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n color: #333;\n line-height: 1.6;\n background-color: white;\n direction: rtl;\n }\n \n .product-description {\n max-width: 900px;\n margin: 0 auto;\n padding: 20px;\n }\n \n .section {\n margin: 40px 0;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .section.active {\n opacity: 1;\n transform: translateY(0);\n }\n \n .title {\n color: #9C8102;\n font-size: 28px;\n margin-bottom: 20px;\n position: relative;\n font-weight: 600;\n text-align: center;\n padding-bottom: 10px;\n }\n \n .title::after {\n content: '';\n position: absolute;\n bottom: 0;\n right: 50%;\n transform: translateX(50%);\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n }\n \n .subtitle {\n color: #9C8102;\n font-size: 22px;\n margin-bottom: 15px;\n font-weight: 600;\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: 5px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n }\n \n .product-image:hover {\n transform: scale(1.02);\n box-shadow: 0 8px 25px rgba(156, 129, 2, 0.2);\n }\n \n .description {\n font-size: 16px;\n line-height: 1.8;\n margin-bottom: 20px;\n text-align: justify;\n }\n \n .feature-card {\n background-color: white;\n border-radius: 8px;\n padding: 20px;\n margin-bottom: 20px;\n box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);\n transition: transform 0.3s ease;\n }\n \n .feature-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 5px 20px rgba(156, 129, 2, 0.15);\n }\n \n .feature-card-title {\n color: #9C8102;\n font-size: 18px;\n margin-bottom: 10px;\n font-weight: 600;\n }\n \n \/* Timeline styles *\/\n .timeline-container {\n position: relative;\n margin: 40px auto;\n max-width: 800px;\n }\n \n .timeline-track {\n position: relative;\n width: 100%;\n height: 4px;\n background-color: #e0e0e0;\n border-radius: 4px;\n margin: 50px 0;\n }\n \n .timeline-progress {\n position: absolute;\n top: 0;\n right: 0;\n height: 100%;\n background-color: #9C8102;\n border-radius: 4px;\n width: 0;\n transition: width 1s ease;\n }\n \n .timeline-markers {\n position: relative;\n display: flex;\n justify-content: space-between;\n margin-top: -14px;\n }\n \n .timeline-marker {\n position: relative;\n width: 24px;\n height: 24px;\n background-color: white;\n border: 2px solid #e0e0e0;\n border-radius: 50%;\n cursor: pointer;\n z-index: 2;\n }\n \n .timeline-marker.active {\n background-color: #9C8102;\n border-color: #9C8102;\n }\n \n .timeline-marker-label {\n position: absolute;\n top: -30px;\n right: 50%;\n transform: translateX(50%);\n font-size: 14px;\n font-weight: 600;\n color: #777;\n text-align: center;\n white-space: nowrap;\n }\n \n .timeline-marker.active .timeline-marker-label {\n color: #9C8102;\n }\n \n .timeline-content {\n display: none;\n background-color: #f8f8f8;\n padding: 20px;\n border-radius: 8px;\n margin-top: 30px;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n }\n \n .timeline-content.active {\n display: block;\n }\n \n .timeline-content h3 {\n color: #9C8102;\n margin-bottom: 15px;\n font-size: 18px;\n }\n \n .timeline-content p {\n font-size: 14px;\n line-height: 1.6;\n margin-bottom: 15px;\n }\n \n .timeline-content li {\n margin-bottom: 8px;\n font-size: 14px;\n }\n \n .highlight {\n color: #9C8102;\n font-weight: 600;\n }\n \n .info-box {\n background-color: #f8f8f8;\n border-radius: 8px;\n padding: 20px;\n margin: 20px 0;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);\n }\n \n .grid-container {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n margin: 30px 0;\n }\n \n .grid-item {\n flex: 1;\n min-width: 250px;\n }\n \n .usage-steps {\n margin: 30px 0;\n }\n \n .step {\n display: flex;\n margin-bottom: 20px;\n align-items: center;\n }\n \n .step-number {\n width: 30px;\n height: 30px;\n background-color: #9C8102;\n border-radius: 50%;\n color: white;\n text-align: center;\n line-height: 30px;\n margin-left: 15px;\n flex-shrink: 0;\n }\n \n .step-content {\n flex: 1;\n }\n \n .step h4 {\n margin-bottom: 5px;\n color: #444;\n }\n \n .step p {\n font-size: 14px;\n color: #666;\n }\n \n .divider {\n height: 1px;\n background-color: #e0e0e0;\n margin: 40px 0;\n }\n \n .peptide-box {\n background-color: white;\n border-radius: 8px;\n padding: 25px;\n margin-bottom: 25px;\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);\n border-right: 4px solid #9C8102;\n }\n \n .peptide-name {\n color: #9C8102;\n font-size: 20px;\n margin-bottom: 12px;\n font-weight: 600;\n }\n \n .peptide-technical {\n color: #888;\n font-size: 14px;\n margin-bottom: 15px;\n font-style: italic;\n }\n \n .peptide-effect {\n margin-bottom: 15px;\n line-height: 1.6;\n }\n \n .ingredients-list {\n font-size: 14px;\n margin-top: 10px;\n color: #666;\n line-height: 1.5;\n }\n \n .stat-container {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin: 30px 0;\n }\n \n .stat-item {\n text-align: center;\n padding: 20px;\n width: 180px;\n margin: 10px;\n }\n \n .stat-number {\n font-size: 42px;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 5px;\n }\n \n .stat-label {\n font-size: 14px;\n color: #666;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-description\"\u003e\n \u003cdiv class=\"section\" id=\"section1\"\u003e\n \u003ch2 class=\"title\"\u003eاكتشاف ثوري في عالم العناية بالبشرة\u003c\/h2\u003e\n \u003cp class=\"description\"\u003e\"سيروم The Ordinary Multi-Peptide + HA\" ليس مجرد منتج عناية بالبشرة، بل هو معادلة متقدمة تغير الطريقة التي نفكر بها في صحة البشرة وتجديدها. هذه التركيبة المتطورة تجمع بين أحدث الابتكارات العلمية والمكونات النشطة الأكثر فاعلية، لتقدم لبشرتك كل ما تحتاجه لاستعادة شبابها وتألقها.\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"section\" id=\"section2\"\u003e\n \u003ch2 class=\"title\"\u003eما هي الببتيدات ولماذا هي مهمة للبشرة؟\u003c\/h2\u003e\n \u003cp class=\"description\"\u003eالببتيدات هي سلاسل قصيرة من الأحماض الأمينية، وتعتبر اللبنات الأساسية لبروتينات البشرة مثل الكولاجين والإيلاستين، وهما المسؤولان عن مظهر البشرة الشاب والمشدود. تعمل الببتيدات كجزيئات إشارة، تساعد على تحفيز إنتاج الكولاجين والبروتينات الأساسية الأخرى في البشرة.\u003c\/p\u003e\n \n \u003cp class=\"description\"\u003eيحتوي سيروم The Ordinary Multi-Peptide + HA على مزيج متطور من خمسة تقنيات ببتيدية مدروسة علمياً، بالإضافة إلى الأحماض الأمينية الصديقة للبشرة ومركبات حمض الهيالورونيك المتعددة. هذا المزيج القوي يساعد على تحسين مرونة البشرة وثباتها، وتقليل ظهور التجاعيد بشكل ملحوظ.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"section\" id=\"section3\"\u003e\n \u003ch2 class=\"title\"\u003eالببتيدات الموجودة في سيروم The Ordinary Multi-Peptide + HA\u003c\/h2\u003e\n \n \u003cdiv class=\"peptide-box\"\u003e\n \u003ch3 class=\"peptide-name\"\u003eMatrixyl™ 3000\u003c\/h3\u003e\n \u003cp class=\"peptide-technical\"\u003eالمكونات النشطة: palmitoyl tetrapeptide-7 و palmitoyl tripeptide-1\u003c\/p\u003e\n \u003cp class=\"peptide-effect\"\u003eMatrixyl™ 3000 هو مركب ببتيدي مشهور يعمل على تحفيز إنتاج الكولاجين في البشرة. يساعد هذا المركب على تقليل ظهور الخطوط الدقيقة والتجاعيد من خلال دعم المكونات الهيكلية الرئيسية داخل البشرة. يُعد من أكثر مضادات الشيخوخة فعالية حيث يشجع البشرة على إنتاج المزيد من الكولاجين والإيلاستين، مما يساعد على ملء الخطوط الدقيقة والتجاعيد.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"peptide-box\"\u003e\n \u003ch3 class=\"peptide-name\"\u003eMatrixyl™ synthe'6™\u003c\/h3\u003e\n \u003cp class=\"peptide-technical\"\u003eالمكون النشط: palmitoyl tripeptide-38\u003c\/p\u003e\n \u003cp class=\"peptide-effect\"\u003eيعمل Matrixyl™ synthe'6™ على تعزيز إنتاج ستة مكونات أساسية في مصفوفة الجلد، بما في ذلك الكولاجين والإيلاستين. يساعد هذا الببتيد المتطور على تحسين مرونة البشرة وتقليل عمق التجاعيد، خاصة في مناطق الجبهة والعينين. كما أنه يعمل على تحسين بنية وملمس البشرة بشكل عام، مما يعزز مظهرها الشاب والمشدود.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"peptide-box\"\u003e\n \u003ch3 class=\"peptide-name\"\u003eSYN™-AKE\u003c\/h3\u003e\n \u003cp class=\"peptide-technical\"\u003eالمكون النشط: dipeptide diaminobutyroyl benzylamide diacetate\u003c\/p\u003e\n \u003cp class=\"peptide-effect\"\u003eSYN™-AKE هو ببتيد متطور يحاكي تأثير سم الأفعى، حيث يعمل على تثبيط إطلاق الناقلات العصبية التي تسبب تقلصات العضلات. يساعد هذا على استرخاء عضلات الوجه وتقليل ظهور \"الخطوط الديناميكية\" التي تتشكل عند تعبيرات الوجه المتكررة مثل الابتسام أو العبوس. هذا الببتيد فعال بشكل خاص في تقليل خطوط الجبهة وحول العينين، مما يمنح البشرة مظهراً أكثر نعومة واسترخاءً.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"peptide-box\"\u003e\n \u003ch3 class=\"peptide-name\"\u003eARGIRELOX™\u003c\/h3\u003e\n \u003cp class=\"peptide-technical\"\u003eالمكونات النشطة: acetyl hexapeptide-8 (Argireline) و pentapeptide-18\u003c\/p\u003e\n \u003cp class=\"peptide-effect\"\u003eARGIRELOX™ هو مركب ببتيدي مزدوج يجمع بين قوة Argireline وببتيد Leuphasyl. يعمل بطريقة مشابهة للبوتوكس ولكن بدون الحقن، حيث يثبط الإشارات العصبية التي تسبب انقباض العضلات. هذا المركب فعال بشكل خاص في تقليل ظهور خطوط التعبير والتجاعيد الديناميكية في مناطق الجبهة وبين الحاجبين وحول العينين. الدراسات أظهرت أن الجمع بين هذين الببتيدين يحقق نتائج أفضل من استخدام كل منهما على حدة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"peptide-box\"\u003e\n \u003ch3 class=\"peptide-name\"\u003eRELISTASE™\u003c\/h3\u003e\n \u003cp class=\"peptide-technical\"\u003eالمكون النشط: acetylarginyltryptophyl diphenylglycine\u003c\/p\u003e\n \u003cp class=\"peptide-effect\"\u003eRELISTASE™ هو ببتيد متخصص يعمل على تحسين مرونة البشرة وثباتها. يركز هذا الببتيد على تعزيز إنتاج الإيلاستين وحماية الألياف المرنة في البشرة، مما يساعد على مكافحة الترهل وتحسين شد البشرة. كما أنه يعزز تركيب الكولاجين ويحمي الألياف الموجودة من التكسر، مما يؤدي إلى بشرة أكثر ثباتاً وشباباً.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"section\" id=\"section4\"\u003e\n \u003ch2 class=\"title\"\u003eحمض الهيالورونيك: الشريك المثالي للببتيدات\u003c\/h2\u003e\n \u003cp class=\"description\"\u003eيحتوي سيروم Multi-Peptide + HA على مركبات متعددة من حمض الهيالورونيك، الذي يعتبر مرطباً قوياً للبشرة. حمض الهيالورونيك ليس كأي مكون ترطيب عادي؛ إنه \u003cstrong\u003eمغناطيس جزيئي فائق القدرة يمكنه امتصاص كمية من الماء تصل إلى 1000 ضعف وزنه\u003c\/strong\u003e.\u003c\/p\u003e\n \n \u003cp class=\"description\"\u003eبفضل جزيئاته المختلفة الأحجام، يمكن لحمض الهيالورونيك في هذا السيروم اختراق طبقات البشرة المختلفة، مما يوفر ترطيباً عميقاً ومستداماً. هذا الترطيب العميق يساعد على:\u003c\/p\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003ch3 class=\"feature-card-title\"\u003eفوائد حمض الهيالورونيك في السيروم:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eملء البشرة وجعلها أكثر امتلاءً ونعومة\u003c\/li\u003e\n \u003cli\u003eتقليل ظهور الخطوط الدقيقة والتجاعيد بشكل فوري\u003c\/li\u003e\n \u003cli\u003eتحسين مرونة البشرة وقدرتها على الاحتفاظ بالرطوبة\u003c\/li\u003e\n \u003cli\u003eتعزيز فعالية الببتيدات من خلال توفير بيئة مثالية لعملها\u003c\/li\u003e\n \u003cli\u003eتحسين امتصاص المكونات النشطة الأخرى\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"section\" id=\"timelineSection\"\u003e\n \u003ch2 class=\"title\"\u003eرحلة تجديد البشرة مع سيروم Multi-Peptide + HA\u003c\/h2\u003e\n \u003cp class=\"description\"\u003eاستمتعي بتجربة تحول البشرة مع الاستخدام المنتظم. مع كل مرحلة، تزداد البشرة شباباً ونضارة وإشراقاً!\u003c\/p\u003e\n \n \u003cdiv class=\"timeline-container\"\u003e\n \u003cdiv class=\"timeline-track\"\u003e\n \u003cdiv class=\"timeline-progress\" id=\"timelineProgress\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-markers\"\u003e\n \u003cdiv class=\"timeline-marker active\" data-week=\"1\" onclick=\"showTimelineContent(0)\"\u003e\n \u003cdiv class=\"timeline-marker-label\"\u003eفوري - أسبوع 1\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-marker\" data-week=\"2\" onclick=\"showTimelineContent(1)\"\u003e\n \u003cdiv class=\"timeline-marker-label\"\u003eالأسبوع 2-4\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-marker\" data-week=\"4\" onclick=\"showTimelineContent(2)\"\u003e\n \u003cdiv class=\"timeline-marker-label\"\u003eالأسبوع 5-8\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-marker\" data-week=\"8\" onclick=\"showTimelineContent(3)\"\u003e\n \u003cdiv class=\"timeline-marker-label\"\u003eالأسبوع 9-12\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-content active\" id=\"content-0\"\u003e\n \u003ch3\u003eفوري - الأسبوع الأول: ترطيب عميق واسترخاء\u003c\/h3\u003e\n \u003cp\u003eتبدأ النتائج الفورية بفضل حمض الهيالورونيك وببتيدات SYN-AKE و ARGIRELOX التي تعمل على ترطيب البشرة واسترخاء عضلات الوجه.\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eترطيب فوري وعميق للبشرة\u003c\/li\u003e\n \u003cli\u003eاسترخاء طفيف لعضلات الوجه يقلل من ظهور خطوط التعبير\u003c\/li\u003e\n \u003cli\u003eبشرة أكثر نعومة وإشراقاً\u003c\/li\u003e\n \u003cli\u003eتحسن فوري في ملمس البشرة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-content\" id=\"content-1\"\u003e\n \u003ch3\u003eالأسبوع 2-4: تحسن ملمس البشرة وإشراقها\u003c\/h3\u003e\n \u003cp\u003eتبدأ الببتيدات مثل Matrixyl 3000 و Matrixyl Synthe'6 بتحفيز إنتاج الكولاجين، مما يؤدي إلى تحسن تدريجي في مرونة البشرة ونعومتها.\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eبداية تقليل ظهور الخطوط الدقيقة\u003c\/li\u003e\n \u003cli\u003eتحسن ملحوظ في مرونة البشرة\u003c\/li\u003e\n \u003cli\u003eزيادة في إشراق البشرة ونضارتها\u003c\/li\u003e\n \u003cli\u003eتحسن في توحيد لون البشرة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-content\" id=\"content-2\"\u003e\n \u003ch3\u003eالأسبوع 5-8: تحسن ملحوظ في علامات الشيخوخة\u003c\/h3\u003e\n \u003cp\u003eمع استمرار استخدام السيروم، يزداد إنتاج الكولاجين والإيلاستين، مما يؤدي إلى تحسن أكبر في مظهر التجاعيد ومرونة البشرة.\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eتقليل واضح في عمق التجاعيد\u003c\/li\u003e\n \u003cli\u003eتحسن ملحوظ في شد البشرة وتقليل الترهل\u003c\/li\u003e\n \u003cli\u003eتناسق أفضل في لون البشرة وتقليل التصبغات\u003c\/li\u003e\n \u003cli\u003eزيادة في حجم وكثافة الخلايا، مما يمنح البشرة مظهراً أكثر امتلاءً\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-content\" id=\"content-3\"\u003e\n \u003ch3\u003eالأسبوع 9-12: النتائج الكاملة والتجديد الشامل\u003c\/h3\u003e\n \u003cp\u003eبعد 3 أشهر من الاستخدام المنتظم، تصل الببتيدات وحمض الهيالورونيك إلى ذروة فعاليتها في تجديد البشرة ومكافحة علامات الشيخوخة.\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eتقليل كبير في عمق وطول التجاعيد والخطوط الدقيقة\u003c\/li\u003e\n \u003cli\u003eبشرة مشدودة ومرنة بشكل ملحوظ\u003c\/li\u003e\n \u003cli\u003eتحسن في هيكل البشرة وزيادة كثافتها\u003c\/li\u003e\n \u003cli\u003eلون موحد وإشراق صحي\u003c\/li\u003e\n \u003cli\u003eتحسن شامل في مظهر وصحة البشرة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"section\" id=\"section5\"\u003e\n \u003ch2 class=\"title\"\u003eمميزات فريدة لسيروم The Ordinary Multi-Peptide + HA\u003c\/h2\u003e\n \n \u003cdiv class=\"grid-container\"\u003e\n \u003cdiv class=\"grid-item feature-card\"\u003e\n \u003ch3 class=\"feature-card-title\"\u003eتركيبة شاملة متعددة الفوائد\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eيجمع بين 5 تقنيات ببتيدية متطورة في منتج واحد\u003c\/li\u003e\n \u003cli\u003eيستهدف جميع علامات الشيخوخة في آن واحد\u003c\/li\u003e\n \u003cli\u003eيعالج الخطوط الدقيقة، التجاعيد، فقدان المرونة، وعدم تناسق لون البشرة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"grid-item feature-card\"\u003e\n \u003ch3 class=\"feature-card-title\"\u003eتركيز عالي من المكونات النشطة\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eيحتوي على 25.1% من التقنيات النشطة بالوزن\u003c\/li\u003e\n \u003cli\u003eتركيبة خالية من المواد المالئة غير الضرورية\u003c\/li\u003e\n \u003cli\u003eتركيز مثالي لتحقيق أقصى فعالية دون تهيج البشرة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"grid-container\"\u003e\n \u003cdiv class=\"grid-item feature-card\"\u003e\n \u003ch3 class=\"feature-card-title\"\u003eتركيبة مائية خفيفة\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eقوام خفيف سهل الامتصاص\u003c\/li\u003e\n \u003cli\u003eلا يترك أي شعور دهني أو لزج على البشرة\u003c\/li\u003e\n \u003cli\u003eيمكن استخدامه تحت المكياج بسهولة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"grid-item feature-card\"\u003e\n \u003ch3 class=\"feature-card-title\"\u003eمناسب لجميع أنواع البشرة\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eتركيبة لطيفة مناسبة حتى للبشرة الحساسة\u003c\/li\u003e\n \u003cli\u003eخالٍ من العطور والكحول والزيوت المعدنية\u003c\/li\u003e\n \u003cli\u003eلا يسبب انسداد المسام\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"stat-container\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eتقنيات ببتيدية متطورة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e25.1%\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eنسبة المكونات النشطة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e12\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eأسبوع للنتائج الكاملة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e100%\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eمناسب لجميع أنواع البشرة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"section\" id=\"section6\"\u003e\n \u003ch2 class=\"title\"\u003eطريقة الاستخدام المثلى\u003c\/h2\u003e\n \n \u003cdiv class=\"usage-steps\"\u003e\n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"step-content\"\u003e\n \u003ch4\u003eنظفي بشرتك\u003c\/h4\u003e\n \u003cp\u003eابدئي بتنظيف البشرة جيداً وتجفيفها برفق\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"step-content\"\u003e\n \u003ch4\u003eضعي بضع قطرات\u003c\/h4\u003e\n \u003cp\u003eوزعي بضع قطرات من السيروم على البشرة النظيفة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"step-content\"\u003e\n \u003ch4\u003eاستخدميه مرتين يومياً\u003c\/h4\u003e\n \u003cp\u003eيستخدم مرتين يومياً، صباحاً ومساءً، للحصول على أفضل النتائج\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"step-content\"\u003e\n \u003ch4\u003eأتبعيه بمرطب\u003c\/h4\u003e\n \u003cp\u003eللحصول على ترطيب مثالي، ضعي مرطبك المفضل بعد امتصاص السيروم\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003ch3 class=\"feature-card-title\"\u003eملاحظات هامة للاستخدام:\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eتجنبي استخدام السيروم مع الأحماض المباشرة مثل حمض الجليكوليك أو حمض اللاكتيك في نفس الروتين\u003c\/li\u003e\n \u003cli\u003eتجنبي استخدامه مع منتجات فيتامين C (حمض الأسكوربيك) في نفس الروتين\u003c\/li\u003e\n \u003cli\u003eيمكن استخدامه قبل أو بعد منتجات حمض الهيالورونيك الأخرى\u003c\/li\u003e\n \u003cli\u003eيفضل إجراء اختبار الحساسية قبل الاستخدام الكامل\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"section\" id=\"section7\"\u003e\n \u003ch2 class=\"title\"\u003eجميع المكونات\u003c\/h2\u003e\n \u003cdiv class=\"info-box\"\u003e\n \u003cp class=\"ingredients-list\"\u003e\n Aqua (Water), Glycerin, Lactococcus Ferment Lysate, Acetyl Hexapeptide-8, Pentapeptide-18, Palmitoyl Tripeptide-1, Palmitoyl Tetrapeptide-7, Palmitoyl Tripeptide-38, Dipeptide Diaminobutyroyl Benzylamide Diacetate, Acetylarginyltryptophyl Diphenylglycine, Sodium Hyaluronate Crosspolymer, Sodium Hyaluronate, Allantoin, Glycine, Alanine, Serine, Valine, Isoleucine, Proline, Threonine, Histidine, Phenylalanine, Arginine, Aspartic Acid, Trehalose, Fructose, Glucose, Maltose, Urea, Sodium PCA, PCA, Sodium Lactate, Citric Acid, Hydroxypropyl Cyclodextrin, Sodium Chloride, Sodium Hydroxide, Butylene Glycol, Pentylene Glycol, Acacia Senegal Gum, Xanthan Gum, Carbomer, Polysorbate 20, PPG-26-Buteth-26, PEG-40 Hydrogenated Castor Oil, Trisodium Ethylenediamine Disuccinate, Ethoxydiglycol, Sodium Benzoate, Caprylyl Glycol, Ethylhexylglycerin, Phenoxyethanol, Chlorphenesin.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n \/\/ Make all sections visible initially to fix display issues\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Make all sections visible\n const sections = document.querySelectorAll('.section');\n sections.forEach(section =\u003e {\n section.classList.add('active');\n });\n \n \/\/ Initialize timeline functionality\n initializeTimeline();\n });\n \n \/\/ Timeline functionality\n function initializeTimeline() {\n \/\/ Set the first marker active by default\n const progress = document.getElementById('timelineProgress');\n progress.style.width = '0%';\n }\n \n \/\/ Show timeline content\n function showTimelineContent(index) {\n \/\/ Reset all markers and contents\n const markers = document.querySelectorAll('.timeline-marker');\n const contents = document.querySelectorAll('.timeline-content');\n \n markers.forEach(m =\u003e m.classList.remove('active'));\n contents.forEach(c =\u003e c.classList.remove('active'));\n \n \/\/ Activate selected marker and content\n markers[index].classList.add('active');\n contents[index].classList.add('active');\n \n \/\/ Update progress bar\n const progress = document.getElementById('timelineProgress');\n const progressWidth = [0, 33, 66, 100][index];\n progress.style.width = progressWidth + '%';\n }\n\u003c\/script\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":46999290740910,"sku":"INSTA0586CHIQ","price":21.2,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/ordinary_multipeptide_ha_serum_8bb01cc8-0d23-43c7-936a-3afc50693acb.jpg?v=1788176241"},{"product_id":"the-ordinary-retinol-0-2","title":"The ordinary retinol in squalene serum","description":"\u003cdiv class=\"ordinary-product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"ordinary-hero\"\u003e\n\u003cdiv class=\"ordinary-hero-content\"\u003e\n\u003ch1 class=\"accent-text\"\u003eالزمن لا ينتظر أحداً... لكن بشرتك لا يجب أن تخضع له\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e\u003cstrong\u003eكل صباح، تكشف لك المرآة الحقيقة: الزمن يترك بصمته على الجميع. لكن ماذا لو كان بإمكانك إعادة كتابة تلك القصة؟\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Science Intro --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eعلم إعادة عقارب الزمن\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eيكمن في التركيب الجزيئي للريتينول قدرة مذهلة - قوة التواصل المباشر مع خلايا بشرتك، وتوجيهها للتصرف كما كانت تفعل في شبابها. هذه ليست مبالغات تسويقية؛ إنها حقائق بيولوجية علمية.\u003c\/p\u003e\n\u003cdiv class=\"product-title\"\u003e\n\u003ch2\u003eذا أوردينري ريتينول 0.5% في السكوالين: الأداة الدقيقة لتجديد البشرة\u003c\/h2\u003e\n\u003cp\u003eيعلم العلماء منذ فترة طويلة أن الريتينول هو المعيار الذهبي للتحول الملموس في البشرة. ما يميز هذه التركيبة هو \u003cstrong\u003eدقتها السريرية\u003c\/strong\u003e - تركيز مُعاير بعناية بنسبة 0.5% معلق في السكوالين المطابق لتركيبة البشرة الطبيعية. هذا ليس مجرد منتج؛ إنه اختراق علمي متاح في زجاجة قطارة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"section ingredients-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eالتناغم الجزيئي الذي يحول البشرة\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-container\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-icon\"\u003e\n\u003cdiv class=\"molecule-animation\"\u003e\n\u003cdiv class=\"atom atom1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"atom atom2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"atom atom3\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eالريتينول: المُرسال الخلوي\u003c\/h3\u003e\n\u003cp\u003eالريتينول ليس مجرد مكون؛ إنه رسول بيولوجي يقوم بـ:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eتسريع تجديد الخلايا بنسبة \u003cspan class=\"counter\" data-target=\"50\"\u003e50\u003c\/span\u003e%\u003c\/li\u003e\n\u003cli\u003eتحفيز الخلايا الليفية لزيادة إنتاج الكولاجين\u003c\/li\u003e\n\u003cli\u003eإعادة تنظيم مصفوفة الأدمة لتحسين البنية الهيكلية\u003c\/li\u003e\n\u003cli\u003eتنظيم توزيع الميلانين للحصول على لون موحد\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-icon\"\u003e\n\u003cdiv class=\"droplet-animation\"\u003e\n\u003cdiv class=\"droplet\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eالسكوالين: الدرع الحيوي المحاكي\u003c\/h3\u003e\n\u003cp\u003eتنتج بشرتك السكوالين بشكل طبيعي، لكن الإنتاج ينخفض بنحو 10% كل عقد بعد سن الـ30. تعيد هذه التركيبة تزويد البشرة بشكل نقي ومستقر من السكوالين الذي:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eيخلق حاجزًا واقيًا للرطوبة دون انسداد المسام\u003c\/li\u003e\n\u003cli\u003eيوصل جزيئات الريتينول بدقة إلى أهدافها الخلوية\u003c\/li\u003e\n\u003cli\u003eيعادل التأثيرات المجففة المحتملة للريتينول\u003c\/li\u003e\n\u003cli\u003eيشعرك بخفة الوزن مع توفير أقصى فعالية\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eالمراحل الزمنية للتحول\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eبينما تَعِد العديد من المنتجات بمعجزات بين ليلة وضحاها، فإن التحول الحقيقي للبشرة يتبع مسارًا علميًا:\u003c\/p\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eالأسبوع 1-2\u003c\/h3\u003e\n\u003cp\u003eاستيقاظ خلوي أولي؛ قد يحدث تقشر طفيف مع بداية التسارع\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eالأسبوع 3-4\u003c\/h3\u003e\n\u003cp\u003eتنعيم ملحوظ للخطوط الدقيقة، خاصة حول العينين والفم\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eالأسبوع 5-8\u003c\/h3\u003e\n\u003cp\u003eتحسن ملحوظ في ملمس البشرة وتوحيد لونها\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eالأسبوع 9-12\u003c\/h3\u003e\n\u003cp\u003eإعادة هيكلة كبيرة لمظهر البشرة؛ انخفاض وضوح الخطوط العميقة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Comparison Section --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eما الذي يميز هذه التركيبة عن منتجات الريتينول الأخرى\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eعلم الريتينول ليس جديدًا، لكن توصيله بفعالية هو التحدي الحقيقي. معظم التركيبات تفشل في إحدى المجالات الثلاثة الحاسمة:\u003c\/p\u003e\n\u003cdiv class=\"comparison-grid\"\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003cdiv class=\"comparison-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eالثبات\u003c\/h3\u003e\n\u003cp\u003eيتدهور الريتينول بسرعة عند تعرضه للضوء والهواء\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003cdiv class=\"comparison-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eالتوصيل\u003c\/h3\u003e\n\u003cp\u003eبدون ناقلات مناسبة، يكافح الريتينول للوصول إلى ما بعد الطبقات السطحية\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card\"\u003e\n\u003cdiv class=\"comparison-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eالتحمل\u003c\/h3\u003e\n\u003cp\u003eمعدلات التهيج العالية تؤدي إلى توقف الاستخدام قبل ظهور النتائج\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlighted-text\"\u003e\n\u003cp\u003eتعالج تركيبة ذا أوردينري الخالية من الماء والمعتمدة على السكوالين التحديات الثلاثة مباشرة، مع الحفاظ على السلامة الجزيئية حتى لحظة الاستخدام.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-proposition\"\u003e\n\u003ch3 class=\"accent-text\"\u003eتركيبة متقدمة بسعر استثنائي\u003c\/h3\u003e\n\u003cp\u003eهذه ليست مجرد عناية بالبشرة - إنها كيمياء حيوية تطبيقية بأنقى أشكالها. تحتوي كل زجاجة على التركيز الدقيق اللازم للحصول على نتائج ملموسة دون مواد مالئة أو عطور أو إضافات تسويقية غير ضرورية.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"section usage-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eعلاقتك مع الزمن: تم إعادة تعريفها\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eالمرآة لا تكذب - لكنها تعكس الاختيارات. كل ليلة تطبق فيها هذا السيروم تمثل قرارًا للتعامل مع علم تجديد البشرة بدلاً من قبول مرور الوقت كأمر حتمي.\u003c\/p\u003e\n\u003cdiv class=\"usage-instructions\"\u003e\n\u003ch3 class=\"accent-text\"\u003eللحصول على أفضل النتائج:\u003c\/h3\u003e\n\u003cul class=\"instruction-list\"\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eابدأ بكمية صغيرة (3-4 قطرات) في روتينك المسائي\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eضعه على بشرة نظيفة وجافة قبل المرطبات الثقيلة\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eاستخدم دائمًا واقي الشمس في اليوم التالي\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eاحفظه في الثلاجة بعد الفتح\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"instruction-icon\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"instruction-text\"\u003eفكر في البدء بتركيز 0.2% إذا كنت جديدًا على الريتينويدات\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"warning-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eغير موصى به أثناء الحمل أو الرضاعة الطبيعية، أو مع ريتينويدات أخرى\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"ordinary-cta\"\u003e\n\u003ch2 class=\"cta-heading accent-text\"\u003eالخيار العلمي للتحول الملموس\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003eذا أوردينري ريتينول 0.5% في السكوالين – لأن العناية الفعالة بالبشرة لا تتعلق بادعاءات المعجزات. بل تتعلق بمكونات مثبتة علميًا بتركيزات دقيقة.\u003c\/p\u003e\n\u003cp class=\"cta-subtitle\"\u003e\u003cstrong\u003eالساعة البيولوجية لبشرتك تدق. الوقت لإعادة ضبطها هو الآن.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eاطلب الآن\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Base Styles *\/\n.ordinary-product-container {\n \n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n color: #333;\n direction: rtl;\n background-color: #fafafa;\n}\n\n.accent-text {\n color: #9C8102;\n}\n\n.section-line {\n height: 2px;\n width: 60px;\n background-color: #9C8102;\n margin: 10px 0 30px;\n}\n\n\/* Hero Section *\/\n.ordinary-hero {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n margin-bottom: 60px;\n gap: 40px;\n}\n\n.ordinary-hero-content {\n flex: 1;\n}\n\n.ordinary-hero-content h1 {\n font-size: 2.2rem;\n margin-bottom: 20px;\n line-height: 1.3;\n}\n\n.hero-subtitle {\n font-size: 1.3rem;\n line-height: 1.6;\n color: #555;\n}\n\n.product-image-container {\n flex: 1;\n position: relative;\n}\n\n.product-image {\n text-align: center;\n position: relative;\n z-index: 2;\n}\n\n.product-image:after {\n content: '';\n position: absolute;\n width: 80%;\n height: 80%;\n background-color: rgba(156, 129, 2, 0.1);\n right: 40px;\n bottom: -20px;\n z-index: 1;\n border-radius: 10px;\n}\n\n.main-image {\n max-width: 100%;\n height: auto;\n border-radius: 10px;\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n transition: transform 0.5s ease, box-shadow 0.5s ease;\n}\n\n.main-image:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n}\n\n\/* Section Styles *\/\n.section {\n margin-bottom: 60px;\n padding: 20px;\n background-color: #fff;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.section-header {\n margin-bottom: 30px;\n}\n\n.section-header h2 {\n font-size: 1.8rem;\n margin-bottom: 5px;\n}\n\n.product-title {\n margin: 40px 0;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 10px;\n text-align: center;\n}\n\n.product-title h2 {\n font-size: 1.8rem;\n margin-bottom: 15px;\n color: #9C8102;\n}\n\n\/* Ingredients Section *\/\n.ingredients-container {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));\n gap: 30px;\n margin-top: 30px;\n}\n\n.ingredient-card {\n background-color: #f9f9f9;\n border-radius: 10px;\n padding: 30px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.ingredient-card:hover {\n transform: translateY(-7px);\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);\n}\n\n.ingredient-icon {\n width: 60px;\n height: 60px;\n margin-bottom: 20px;\n position: relative;\n}\n\n.ingredient-card h3 {\n margin-bottom: 15px;\n font-size: 1.4rem;\n}\n\n\/* Molecule Animation *\/\n.molecule-animation {\n position: relative;\n width: 60px;\n height: 60px;\n}\n\n.atom {\n position: absolute;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background-color: #9C8102;\n opacity: 0.8;\n}\n\n.atom1 {\n top: 0;\n left: 20px;\n animation: pulse 2s infinite;\n}\n\n.atom2 {\n top: 30px;\n left: 0;\n animation: pulse 2s infinite 0.5s;\n}\n\n.atom3 {\n top: 30px;\n left: 40px;\n animation: pulse 2s infinite 1s;\n}\n\n@keyframes pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.2); }\n 100% { transform: scale(1); }\n}\n\n\/* Droplet Animation *\/\n.droplet-animation {\n position: relative;\n width: 60px;\n height: 60px;\n}\n\n.droplet {\n position: absolute;\n top: 0;\n left: 15px;\n width: 30px;\n height: 30px;\n background-color: #9C8102;\n border-radius: 50% 50% 50% 0;\n transform: rotate(-45deg);\n animation: drip 2.5s infinite;\n}\n\n@keyframes drip {\n 0% { top: 0; opacity: 0.8; }\n 80% { top: 30px; opacity: 0.8; transform: rotate(-45deg) scale(1); }\n 100% { top: 30px; opacity: 0; transform: rotate(-45deg) scale(1.5); }\n}\n\n\/* Benefits List *\/\n.benefits-list {\n list-style-type: none;\n padding: 0;\n margin-top: 15px;\n}\n\n.benefits-list li {\n padding: 10px 0;\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n position: relative;\n padding-right: 25px;\n}\n\n.benefits-list li:before {\n content: '•';\n color: #9C8102;\n position: absolute;\n right: 0;\n top: 10px;\n font-size: 1.2rem;\n}\n\n.benefits-list li:last-child {\n border-bottom: none;\n}\n\n\/* Counter Style *\/\n.counter {\n color: #9C8102;\n font-weight: bold;\n display: inline-block;\n min-width: 2rem;\n text-align: center;\n}\n\n\/* Timeline Section *\/\n.timeline {\n position: relative;\n margin: 40px 0;\n padding-right: 40px;\n}\n\n.timeline:before {\n content: '';\n position: absolute;\n top: 0;\n right: 10px;\n height: 100%;\n width: 2px;\n background: #9C8102;\n}\n\n.timeline-item {\n position: relative;\n margin-bottom: 40px;\n}\n\n.timeline-marker {\n position: absolute;\n top: 5px;\n right: -40px;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: #9C8102;\n box-shadow: 0 0 0 4px rgba(156, 129, 2, 0.2);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.timeline-item:hover .timeline-marker {\n transform: scale(1.2);\n box-shadow: 0 0 0 6px rgba(156, 129, 2, 0.3);\n}\n\n.timeline-content {\n background: #f9f9f9;\n border-radius: 10px;\n padding: 20px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease;\n}\n\n.timeline-item:hover .timeline-content {\n transform: translateX(-10px);\n}\n\n.timeline-content h3 {\n color: #9C8102;\n margin-bottom: 10px;\n font-size: 1.2rem;\n}\n\n\/* Comparison Section *\/\n.comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n gap: 25px;\n margin: 30px 0;\n}\n\n.comparison-card {\n background-color: #f9f9f9;\n border-radius: 10px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n position: relative;\n padding-top: 50px;\n}\n\n.comparison-card:hover {\n transform: translateY(-7px);\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);\n}\n\n.comparison-number {\n position: absolute;\n top: -15px;\n right: 20px;\n width: 40px;\n height: 40px;\n background-color: #9C8102;\n color: white;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 1.5rem;\n font-weight: bold;\n}\n\n.comparison-card h3 {\n margin-bottom: 10px;\n font-size: 1.3rem;\n}\n\n.highlighted-text {\n background-color: #f9f9f9;\n border-radius: 10px;\n padding: 25px;\n margin: 30px 0;\n border-right: 4px solid #9C8102;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.value-proposition {\n margin-top: 40px;\n padding: 20px;\n background-color: rgba(156, 129, 2, 0.05);\n border-radius: 10px;\n text-align: center;\n}\n\n.value-proposition h3 {\n margin-bottom: 15px;\n font-size: 1.5rem;\n}\n\n\/* Usage Instructions *\/\n.usage-instructions {\n margin-top: 30px;\n}\n\n.instruction-list {\n list-style-type: none;\n padding: 0;\n}\n\n.instruction-list li {\n display: flex;\n align-items: center;\n margin-bottom: 20px;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.instruction-list li:last-child {\n border-bottom: none;\n}\n\n.instruction-icon {\n width: 35px;\n height: 35px;\n background-color: #9C8102;\n color: white;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: bold;\n margin-left: 15px;\n flex-shrink: 0;\n}\n\n.instruction-text {\n flex: 1;\n}\n\n.warning-text {\n margin-top: 30px;\n padding: 15px;\n background-color: #fff6e8;\n border-radius: 10px;\n border-right: 4px solid #e8a317;\n color: #8B4513;\n}\n\n\/* CTA Section *\/\n.ordinary-cta {\n text-align: center;\n padding: 50px 40px;\n background-color: #f9f9f9;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n margin-top: 40px;\n}\n\n.cta-heading {\n font-size: 2rem;\n margin-bottom: 20px;\n}\n\n.cta-text {\n font-size: 1.2rem;\n margin-bottom: 15px;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.cta-subtitle {\n font-size: 1.3rem;\n margin-bottom: 30px;\n color: #555;\n}\n\n.cta-button {\n padding: 15px 40px;\n background-color: #9C8102;\n color: white;\n border: none;\n border-radius: 50px;\n font-size: 1.2rem;\n cursor: pointer;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n}\n\n\/* Responsive Adjustments *\/\n@media (max-width: 768px) {\n .ordinary-hero {\n flex-direction: column;\n }\n \n .ingredients-container, .comparison-grid {\n grid-template-columns: 1fr;\n }\n \n .timeline {\n padding-right: 30px;\n }\n}\n\n\/* Animation Classes *\/\n.fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.fade-in.active {\n opacity: 1;\n transform: translateY(0);\n}\n\n\/* Add animation delays for staggered effect *\/\n.fade-in:nth-child(2) { transition-delay: 0.2s; }\n.fade-in:nth-child(3) { transition-delay: 0.4s; }\n.fade-in:nth-child(4) { transition-delay: 0.6s; }\n\u003c\/style\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":46999290904750,"sku":"INSTA0589CHIQ","price":15.6,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/The-Ordinary-Retinol-1_-in-Squalane_fce39aa6-3ffe-4851-8c72-368f1b4c8c37.jpg?v=1788176235"},{"product_id":"the-ordinary-multi-peptide-hair-serum-volume-density","title":"The ordinary سيروم مالتي ببتايد لزيادة كثافة وسمك الشعر 60 ملل","description":"\u003c!-- The Ordinary Multi-Peptide Hair Serum - Luxury Glassmorphism Design --\u003e\n\u003cdiv id=\"ord-glass-dossier\" dir=\"rtl\"\u003e\n\n \u003c!-- Ambient Glowing Background Orbs --\u003e\n \u003cdiv class=\"ambient-orb orb-1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ambient-orb orb-2\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ambient-orb orb-3\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ambient-orb orb-4\"\u003e\u003c\/div\u003e\n\n \u003c!-- 1. Hero \u0026 Emergency Protocol Section --\u003e\n \u003cheader class=\"glass-section\"\u003e\n \u003cdiv class=\"glass-panel hero-panel glass-reveal\"\u003e\n \u003cdiv class=\"hero-grid\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cdiv class=\"gold-badge\"\u003e\n \u003cspan class=\"gold-dot\"\u003e\u003c\/span\u003e البروتوكول السريري\n \u003c\/div\u003e\n \u003ch3 class=\"sub-title\"\u003eرحلة اسعاف شعرك تبدأ الآن\u003c\/h3\u003e\n \u003ch1 class=\"main-title gold-text\"\u003eقم بعملية إنعاش البصيلة قبل موتها\u003c\/h1\u003e\n \u003cp class=\"desc-text\"\u003e\n عند توقف نمو البصيلة. هذا لا يعني أن البصيلة قد ماتت ! يمكنك انقاذ بصيلات شعرك, اذا قمت بمعالجتها مبكرا !\n \u003cbr\u003e\u003cbr\u003e\n \u003cstrong class=\"text-white\"\u003eلا تنتظر لحين موت البصيلة قبل أن تتخذ اجراء الانعاش !\u003c\/strong\u003e\n \u003c\/p\u003e\n \n \u003c\/div\u003e\n \u003cdiv class=\"hero-visual\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_multipeptide_hair_serum_original_egypt.webp?v=1778926780\" alt=\"The Ordinary Hair Serum\" class=\"floating-img\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/header\u003e\n\n \u003c!-- 2. Primary Indications (Core Uses) --\u003e\n \u003csection class=\"glass-section\"\u003e\n \u003cdiv class=\"section-header glass-reveal\"\u003e\n \u003ch2 class=\"gold-text\"\u003eالاستخدامات الرئيسية\u003c\/h2\u003e\n \u003cdiv class=\"gold-divider\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"glass-grid grid-5\"\u003e\n \u003cdiv class=\"glass-card minimal-card glass-reveal\"\u003e\n \u003cdiv class=\"icon-circle\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/1_b4e4172d-91a1-412e-8f90-5deae77dcb0f.png?v=1710755477\u0026amp;width=150\" alt=\"إنبات\" class=\"gold-filter\"\u003e\n \u003c\/div\u003e\n \u003ch4 class=\"text-white\"\u003eيعمل على إنبات الشعر\u003c\/h4\u003e\n \u003cp\u003eيحفز انقسام الخلايا الجذعية\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glass-card minimal-card glass-reveal\"\u003e\n \u003cdiv class=\"icon-circle\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/2_3020e276-8a23-44a1-bb26-b1d835138490.png?v=1710755477\u0026amp;width=150\" alt=\"إيقاف التساقط\" class=\"gold-filter\"\u003e\n \u003c\/div\u003e\n \u003ch4 class=\"text-white\"\u003eيوقف تساقط الشعر\u003c\/h4\u003e\n \u003cp\u003eيغذي البصيلة و يحسن سريان الدم\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glass-card minimal-card glass-reveal\"\u003e\n \u003cdiv class=\"icon-circle\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/3_deda3a73-cc1e-4840-944a-c74967585bee.png?v=1710755476\u0026amp;width=150\" alt=\"DHT\" class=\"gold-filter\"\u003e\n \u003c\/div\u003e\n \u003ch4 class=\"text-white\"\u003eيقلل تأثير هرمون DHT\u003c\/h4\u003e\n \u003cp\u003eيقلل تأثير الهرمون الرئيسي المسبب للصلع الوراثي\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glass-card minimal-card glass-reveal\"\u003e\n \u003cdiv class=\"icon-circle\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/5_fc0e59db-1144-4c3d-bc80-8e8845596733.png?v=1710755477\u0026amp;width=150\" alt=\"كثافة\" class=\"gold-filter\"\u003e\n \u003c\/div\u003e\n \u003ch4 class=\"text-white\"\u003eيزيد كثافة و سمك البصيلة\u003c\/h4\u003e\n \u003cp\u003eيحسن من كثافة الشعر و يقلل الفراغات في الرأس\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glass-card minimal-card glass-reveal\"\u003e\n \u003cdiv class=\"icon-circle\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/4_2de1d121-2b99-4be6-b373-55833e611001.png?v=1710755477\u0026amp;width=150\" alt=\"التهابات\" class=\"gold-filter\"\u003e\n \u003c\/div\u003e\n \u003ch4 class=\"text-white\"\u003eمضاد لالتهابات البصيلة\u003c\/h4\u003e\n \u003cp\u003eيحتوي على مضادات التهابات لعلاج التساقط الناتج عن التهاب\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- 3. The Minoxidil Comparison --\u003e\n \u003csection class=\"glass-section\"\u003e\n \u003cdiv class=\"glass-panel split-panel glass-reveal\"\u003e\n \u003cdiv class=\"split-image\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_47.png?v=1672590638\u0026amp;width=720\" alt=\"Better than Minoxidil\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"split-content\"\u003e\n \u003ch2 class=\"gold-text\"\u003eأفضل من المينوكسديل\u003c\/h2\u003e\n \u003cdiv class=\"gold-divider left\"\u003e\u003c\/div\u003e\n \u003cp class=\"lead-text text-white\"\u003e\n على عكس المنتجات القائمة على المينوكسيديل والتي تتراجع النتائج في غضون شهر من التوقف عن العلاج ، \u003cstrong class=\"gold-text-solid\"\u003eسيعطيك هذا السيروم نتائج دائمة تغير بنية الشعر وفروة الرأس من الداخل.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003cul class=\"gold-list\"\u003e\n \u003cli\u003eلا يسبب مرحلة التساقط الأولية التي يواجهها مستخدمي مينوكسديل\u003c\/li\u003e\n \u003cli\u003eلا يسبب تساقط فور الانقطاع عن استخدامه\u003c\/li\u003e\n \u003cli\u003eلا يترك أثر مزعج في الشعر\u003c\/li\u003e\n \u003cli\u003eنتائج أفضل وأسرع وبدون أعراض جانبية مثل المينوكسديل\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- 4. Etiology (Causes) --\u003e\n \u003csection class=\"glass-section\"\u003e\n \u003cdiv class=\"section-header glass-reveal\"\u003e\n \u003ch2 class=\"text-white\"\u003eسيتوقف تساقط شعرك مهما كان سبب التساقط\u003c\/h2\u003e\n \u003cdiv class=\"gold-divider\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glass-grid grid-4\"\u003e\n \u003cdiv class=\"glass-card cause-card glass-reveal\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_40.png?v=1672064075\u0026amp;width=150\" alt=\"الصلع الوراثي\" class=\"gold-filter\"\u003e\n \u003ch4 class=\"gold-text-solid\"\u003eالصلع الوراثي\u003c\/h4\u003e\n \u003cp\u003eيعمل السيروم على تثبيط هرمون الـDHT المسبب للصلع الوراثي.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glass-card cause-card glass-reveal\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_40.png?v=1672064075\u0026amp;width=150\" alt=\"سوء التغذية\" class=\"gold-filter\"\u003e\n \u003ch4 class=\"gold-text-solid\"\u003eسوء التغذية\u003c\/h4\u003e\n \u003cp\u003eيحتوي السيروم على جميع العناصر التي تحتاجها البصيلة لنمو سليم.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glass-card cause-card glass-reveal\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_40.png?v=1672064075\u0026amp;width=150\" alt=\"التهاب الفروة\" class=\"gold-filter\"\u003e\n \u003ch4 class=\"gold-text-solid\"\u003eالتهاب فروة الرأس\u003c\/h4\u003e\n \u003cp\u003eيحتوي السيروم على مضادات الاتهاب لمنع التساقط الذي ينشأ عن العدوى البكتيرية أو الفطرية أو القشرة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glass-card cause-card glass-reveal\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_40.png?v=1672064075\u0026amp;width=150\" alt=\"الثعلبة\" class=\"gold-filter\"\u003e\n \u003ch4 class=\"gold-text-solid\"\u003eالثعلبة\u003c\/h4\u003e\n \u003cp\u003eيعمل السيروم على تنشيط البصيلة الخاملة لتنمو من جديد.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- 5. Technologies Lab Dossier --\u003e\n \u003csection class=\"glass-section\"\u003e\n \u003cdiv class=\"section-header glass-reveal\"\u003e\n \u003ch3 class=\"sub-title\"\u003eتكنولوجيا كندية من البراند العالمي ™THE ORDINARY\u003c\/h3\u003e\n \u003ch2 class=\"gold-text\"\u003eتكنولوجيا الببتيدات تعمل على المستوى الخلوي\u003c\/h2\u003e\n \u003cp class=\"text-white\"\u003e\u003cstrong\u003eمكونات مثبتة علميا ومختبرة سريريا بنتائج ثورية. مركبات الببتايد الثورية تم جمعها في منتج واحد.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"desc-text\" style=\"max-width: 800px; margin: 1rem auto;\"\u003eتعزز الببتيدات عملية الشفاء من خلال العمل كعوامل إشارات خلوية، تحفز إنتاج البروتين في البصيلة الذي بدوره يحفز نمو الشعر. كما انها تساعد أيضًا في تقليل الالتهاب والتهيج في فروة الرأس الذي يعتبر من أكبر أسباب التساقط وموت البصيلة.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"dossier-list\"\u003e\n \n \u003cdiv class=\"glass-card tech-card glass-reveal\"\u003e\n \u003cdiv class=\"tech-icon-wrapper\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_24.png?v=1641551302\u0026amp;width=150\" alt=\"REDENCYL\" class=\"gold-filter\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tech-info\"\u003e\n \u003cspan class=\"gold-badge-small\"\u003eTECH.01\u003c\/span\u003e\n \u003ch4 class=\"text-white\"\u003e™REDENCYL\u003c\/h4\u003e\n \u003ch5 class=\"gold-text-solid\"\u003eيحفز انقسام الخلايا الجذعية في الشعر\u003c\/h5\u003e\n \u003cp\u003eعبارة عن مزيج من المشتقات الطبيعية من النباتات. يساعد على تحفيز انقسام الخلايا الجذعية ويوقف موت الخلايا ويحميها من عوامل الأكسدة.\u003c\/p\u003e\n \u003cdiv class=\"highlight-box\"\u003e\n \u003cstrong\u003eتظهر الدراسات السريرية أن أكثر من 10000 شعرة جديدة قد نمت بعد 3 أشهر من الاستخدام المتواصل.\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"glass-card tech-card glass-reveal\"\u003e\n \u003cdiv class=\"tech-icon-wrapper\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/hormones_1.png?v=1641550978\u0026amp;width=150\" alt=\"Procapil\" class=\"gold-filter\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tech-info\"\u003e\n \u003cspan class=\"gold-badge-small\"\u003eTECH.02\u003c\/span\u003e\n \u003ch4 class=\"text-white\"\u003e™Procapil\u003c\/h4\u003e\n \u003cp\u003eيقوي بصيلات الشعر ويقلل من تأثير هرمون DHT. يزيد تدفق الدم لفروة الرأس بحيث تتلقى بصيلات الشعر التغذية وإمدادات الأكسجين.\u003c\/p\u003e\n \u003cdiv class=\"highlight-box\"\u003e\n \u003cstrong\u003eأثبتت الدراسات زيادة كبيرة في معدل الأناجين \\ التيلوجين بالمقارنة مع العلاج الفموي FINASTERIDE.\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"glass-card tech-card glass-reveal\"\u003e\n \u003cdiv class=\"tech-icon-wrapper\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/hair-loss.png?v=1641551196\u0026amp;width=150\" alt=\"BAICAPIL\" class=\"gold-filter\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tech-info\"\u003e\n \u003cspan class=\"gold-badge-small\"\u003eTECH.03\u003c\/span\u003e\n \u003ch4 class=\"text-white\"\u003e™BAICAPIL\u003c\/h4\u003e\n \u003cp\u003eمزيج من scutellaria baicalensis، وفول الصويا، وبراعم القمح. يحفز نمو الشعر ويزيد من كثافته ويقلل من تساقطه.\u003c\/p\u003e\n \u003cdiv class=\"highlight-box\"\u003e\n \u003cstrong\u003eكشفت الأبحاث أن تساقط الشعر قد انخفض بنسبة 60.6٪ بعد الاستخدام لمدة 3 أشهر.\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"glass-card tech-card glass-reveal\"\u003e\n \u003cdiv class=\"tech-icon-wrapper\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_26.png?v=1641551757\u0026amp;width=150\" alt=\"AnaGain\" class=\"gold-filter\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tech-info\"\u003e\n \u003cspan class=\"gold-badge-small\"\u003eTECH.04\u003c\/span\u003e\n \u003ch4 class=\"text-white\"\u003eAnaGain ™\u003c\/h4\u003e\n \u003cp\u003eيعتمد على براعم البازلاء العضوية. مساهم طبيعي ومستدام لشعر أكثر كثافة وصحة.\u003c\/p\u003e\n \u003cdiv class=\"highlight-box\"\u003e\n \u003cstrong\u003eتظهر الدراسات المعملية زيادة بنسبة 78٪ في صحة ونمو الشعر في 3 أشهر فقط.\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"glass-card tech-card glass-reveal\"\u003e\n \u003cdiv class=\"tech-icon-wrapper\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_27.png?v=1641552001\u0026amp;width=150\" alt=\"CAPIXYL\" class=\"gold-filter\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tech-info\"\u003e\n \u003cspan class=\"gold-badge-small\"\u003eTECH.05\u003c\/span\u003e\n \u003ch4 class=\"text-white\"\u003eCAPIXYL ™\u003c\/h4\u003e\n \u003cp\u003eببتيد إشارة يعمل على تعديل DHT عن طريق تثبيط اختزال 5-alpha-reductase وتحفيز تكوين البروتينات.\u003c\/p\u003e\n \u003cdiv class=\"highlight-box\"\u003e\n \u003cstrong\u003eأثبت الاختبارات نتائج أفضل في تحفيز نمو الشعر مقارنة بالمينوكسيديل كبديل آمن وسريع.\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"glass-card tech-card glass-reveal\"\u003e\n \u003cdiv class=\"tech-icon-wrapper\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/6111829.png?v=1641553498\u0026amp;width=150\" alt=\"Caffeine\" class=\"gold-filter\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tech-info\"\u003e\n \u003cspan class=\"gold-badge-small\"\u003eTECH.06\u003c\/span\u003e\n \u003ch4 class=\"text-white\"\u003eCAFEEINE 1%\u003c\/h4\u003e\n \u003cp\u003eيعزّز الكافيين من نموّ الشعر، كما يوقف التساقط.\u003c\/p\u003e\n \u003cdiv class=\"highlight-box\"\u003e\n \u003cstrong\u003eأكدّت الدراسات فعاليته في تثبيط هرمون DHT المتراكم في البصيلات.\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"glass-alert glass-reveal\"\u003e\n \u003cdiv class=\"alert-icon\"\u003e!\u003c\/div\u003e\n \u003cdiv class=\"alert-text\"\u003e\n \u003cstrong class=\"gold-text-solid\"\u003eملحوظة :\u003c\/strong\u003e قد تجد هذه المركبات كالمكون الرئيسي لمنتجات أخرى, ولكنك لن تجد منتج يجمع بين هذه المكونات في تركيبة واحدة غير هذا المنتج.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- 6. Permanent Results --\u003e\n \u003csection class=\"glass-section\"\u003e\n \u003cdiv class=\"section-header glass-reveal\"\u003e\n \u003ch2 class=\"gold-text\"\u003eنتائج دائمة\u003c\/h2\u003e\n \u003cdiv class=\"gold-divider\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glass-grid grid-3\"\u003e\n \u003cdiv class=\"glass-card feature-card glass-reveal\"\u003e\n \u003cdiv class=\"icon-circle\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_40.png?v=1672064075\u0026amp;width=100\" alt=\"Check\" class=\"gold-filter\"\u003e\n \u003c\/div\u003e\n \u003ch4 class=\"text-white\"\u003eبدون شروط\u003c\/h4\u003e\n \u003cp\u003eلا يشترط عليك استعمال او الامتناع عن استخدام منتجات اخرى\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glass-card feature-card glass-reveal\"\u003e\n \u003cdiv class=\"icon-circle\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_40.png?v=1672064075\u0026amp;width=100\" alt=\"Check\" class=\"gold-filter\"\u003e\n \u003c\/div\u003e\n \u003ch4 class=\"text-white\"\u003eبدون التزامات\u003c\/h4\u003e\n \u003cp\u003eلن تلتزم باستخدامه مدى الحياة على عكس المنتجات الأخرى\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glass-card feature-card glass-reveal\"\u003e\n \u003cdiv class=\"icon-circle\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_40.png?v=1672064075\u0026amp;width=100\" alt=\"Check\" class=\"gold-filter\"\u003e\n \u003c\/div\u003e\n \u003ch4 class=\"text-white\"\u003eبدون آثار جانبية\u003c\/h4\u003e\n \u003cp\u003eتركيبة سريرية آمنة لا تسبب تساقط مبدئي أو تهيج للفروة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- 7. Usage Protocol --\u003e\n \u003csection class=\"glass-section\"\u003e\n \u003cdiv class=\"section-header glass-reveal\"\u003e\n \u003ch2 class=\"text-white\"\u003eبروتوكول الاستخدام\u003c\/h2\u003e\n \u003cp class=\"gold-text-solid\"\u003e\u003cstrong\u003eيفضل تطبيقه مساءً للحصول على أقصى فعالية\u003c\/strong\u003e\u003c\/p\u003e\n \u003cdiv class=\"gold-divider\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"glass-grid grid-4\"\u003e\n \u003cdiv class=\"glass-card step-card glass-reveal\"\u003e\n \u003cdiv class=\"step-image\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/1_1.png?v=1672081352\u0026amp;width=360\" alt=\"الجرعة\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"step-num\"\u003e01\u003c\/div\u003e\n \u003cp class=\"text-white\"\u003eضع بضع قطرات (من 4 لـ 6) مرة واحدة يوميًا ويفضل في وقت النوم.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glass-card step-card glass-reveal\"\u003e\n \u003cdiv class=\"step-image\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/1_2.png?v=1672081360\u0026amp;width=360\" alt=\"التدليك\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"step-num\"\u003e02\u003c\/div\u003e\n \u003cp class=\"text-white\"\u003eدلك المصل في فروة الرأس جيداً بأطراف أصابعك.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glass-card step-card glass-reveal\"\u003e\n \u003cdiv class=\"step-image\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/1_3.png?v=1672081377\u0026amp;width=360\" alt=\"نظافة\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"step-num\"\u003e03\u003c\/div\u003e\n \u003cp class=\"text-white\"\u003eيجب أن يوضع على فروة رأس نظيفة وجافة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glass-card step-card glass-reveal\"\u003e\n \u003cdiv class=\"step-image\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/1_5.png?v=1672081411\u0026amp;width=360\" alt=\"عدم الغسل\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"step-num\"\u003e04\u003c\/div\u003e\n \u003cp class=\"text-white\"\u003eلا تغسله لمدة ساعتان على الأقل (تركيبة تُترك على الشعر).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- 8. Real Transformations --\u003e\n \u003csection class=\"glass-section\"\u003e\n \u003cdiv class=\"section-header glass-reveal\"\u003e\n \u003ch3 class=\"sub-title\"\u003eتكنولوجيا الببتيدات في انبات الشعر غيرت حياة الآلاف وستغير حياتك أيضا\u003c\/h3\u003e\n \u003ch2 class=\"gold-text\"\u003eأبرز التحولات السريرية\u003c\/h2\u003e\n \u003cdiv class=\"gold-divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"desc-text\" style=\"max-width: 800px; margin: 1rem auto;\"\u003e\n بعض النتائج المعروضة من عملائنا و البعض الآخر من الصفحة الرسمية لـ Ordinary. \n \u003cstrong class=\"text-white\"\u003eلا يتم مشاركة النتائج إلا بأذن العميل.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Scrolling \/ Grid Gallery --\u003e\n \u003cdiv class=\"gallery-grid glass-reveal\"\u003e\n \u003cdiv class=\"gallery-item\"\u003e\u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_37.jpg?v=1675342480\u0026amp;width=600\" alt=\"نتيجة 1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gallery-item\"\u003e\u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/Untitled_design_38.jpg?v=1675343505\u0026amp;width=600\" alt=\"نتيجة 2\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gallery-item\"\u003e\u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/280e0f6d-adc1-5969-aa3e-b9789c868fdd_1cf0b52d-0c70-4394-bdb4-6124788b2bc1.jpg?v=1675343008\u0026amp;width=600\" alt=\"نتيجة 3\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gallery-item\"\u003e\u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/PhotoGrid_Plus_1644040613100_1.jpg?v=1675342932\u0026amp;width=600\" alt=\"نتيجة 4\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gallery-item\"\u003e\u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/PhotoGrid_Plus_1644042538145_1.jpg?v=1675342991\u0026amp;width=600\" alt=\"نتيجة 5\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- 9. Final CTA --\u003e\n \u003csection class=\"glass-section\" id=\"glass-buy\"\u003e\n \u003cdiv class=\"glass-panel cta-panel glass-reveal\"\u003e\n \u003cdiv class=\"cta-content\"\u003e\n \u003cp class=\"gold-text-solid\" style=\"font-size: 1.1rem; letter-spacing: 1px;\"\u003eلا تتردد في الاستثمار في شعرك\u003c\/p\u003e\n \u003ch2 class=\"main-title text-white\"\u003eتقدر تنبت بصيلات شعرك وتسترجع ثقتك بنفسك لو بدأت العلاج من بدري\u003c\/h2\u003e\n \u003cp class=\"desc-text text-white\" style=\"font-size: 1.2rem; margin-bottom: 2rem;\"\u003eكل ما بدأت العلاج مبكرا كل ما كانت النتائج أضمن و أفضل.\u003c\/p\u003e\n \u003ca href=\"#\" class=\"gold-btn large\" onclick=\"window.scrollTo(0,0); return false;\"\u003eأضف إلى العربة الآن\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cta-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/de36203f-06e9-450a-a971-6272062f11a5.webp?v=1778927016\" alt=\"استثمر في شعرك\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- Luxury Glassmorphism CSS --\u003e\n\u003cstyle\u003e\n #ord-glass-dossier {\n position: relative;\n background-color: #050505;\n background-image: radial-gradient(circle at 50% 50%, #111 0%, #000 100%);\n color: #e0e0e0;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n overflow: hidden;\n padding-bottom: 5rem;\n }\n\n #ord-glass-dossier * {\n box-sizing: border-box;\n }\n\n \/* Typography Utilities *\/\n .text-white { color: #ffffff !important; }\n .gold-text {\n background: linear-gradient(135deg, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n color: transparent;\n }\n .gold-text-solid { color: #D4AF37; }\n\n \/* Ambient Background Orbs *\/\n .ambient-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(100px);\n opacity: 0.4;\n z-index: 0;\n animation: floatOrb 20s infinite ease-in-out alternate;\n pointer-events: none;\n }\n .orb-1 { width: 500px; height: 500px; background: #5c430a; top: -10%; right: -10%; }\n .orb-2 { width: 400px; height: 400px; background: #3a2e12; bottom: 20%; left: -10%; animation-delay: -5s; }\n .orb-3 { width: 600px; height: 600px; background: #241c05; top: 40%; right: 20%; animation-delay: -10s; }\n .orb-4 { width: 300px; height: 300px; background: #614e1a; bottom: -5%; right: 10%; animation-delay: -15s; }\n\n @keyframes floatOrb {\n 0% { transform: translate(0, 0) scale(1); }\n 50% { transform: translate(-30px, 50px) scale(1.1); }\n 100% { transform: translate(20px, -30px) scale(0.9); }\n }\n\n \/* Layout \u0026 Containers *\/\n .glass-section {\n position: relative;\n z-index: 10;\n max-width: 1200px;\n margin: 0 auto;\n padding: 4rem 2rem;\n }\n\n \/* Glass Panels \u0026 Cards *\/\n .glass-panel, .glass-card {\n background: rgba(25, 25, 25, 0.4);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border: 1px solid rgba(212, 175, 55, 0.15);\n border-radius: 24px;\n box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5);\n }\n \n .glass-card {\n padding: 2rem;\n transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n .glass-card:hover {\n transform: translateY(-8px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 40px 0 rgba(212, 175, 55, 0.1);\n }\n\n \/* Animations *\/\n .glass-reveal {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .glass-reveal.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Header Components *\/\n .section-header {\n text-align: center;\n margin-bottom: 3rem;\n }\n .section-header h2 {\n font-size: 2.2rem;\n font-weight: 800;\n margin-bottom: 1rem;\n }\n .sub-title {\n font-size: 1.1rem;\n color: #a0a0a0;\n margin-bottom: 0.5rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n .gold-divider {\n height: 3px;\n width: 60px;\n background: linear-gradient(90deg, #bf953f, #fcf6ba, #b38728);\n margin: 0 auto;\n border-radius: 2px;\n }\n .gold-divider.left { margin: 0; }\n .desc-text { color: #b0b0b0; font-size: 1.05rem; }\n\n \/* Buttons *\/\n .gold-btn {\n display: inline-block;\n background: linear-gradient(135deg, #bf953f, #fcf6ba, #b38728);\n color: #000 !important;\n padding: 12px 35px;\n border-radius: 30px;\n text-decoration: none;\n font-weight: bold;\n font-size: 1.1rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);\n transition: all 0.3s ease;\n border: none;\n }\n .gold-btn:hover {\n transform: scale(1.05);\n box-shadow: 0 6px 20px rgba(212, 175, 55, 0.5);\n }\n .gold-btn.large { padding: 15px 45px; font-size: 1.2rem; }\n\n \/* Filters for Icons to make them Gold *\/\n .gold-filter {\n \/* CSS filter to turn black\/dark icons into a warm gold tone *\/\n filter: invert(75%) sepia(35%) saturate(500%) hue-rotate(5deg) brightness(1.1) contrast(1.1);\n }\n\n \/* Grids *\/\n .glass-grid { display: grid; gap: 1.5rem; }\n .grid-5 { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }\n .grid-4 { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }\n .grid-3 { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }\n\n \/* 1. Hero *\/\n .hero-panel { padding: 4rem; margin-top: 2rem; }\n .hero-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 4rem; align-items: center; }\n .main-title { font-size: 3rem; font-weight: 900; line-height: 1.2; margin-bottom: 1.5rem; }\n .hero-content .desc-text { margin-bottom: 2.5rem; }\n .floating-img {\n width: 100%; border-radius: 16px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.5);\n animation: floatImg 6s ease-in-out infinite;\n border: 1px solid rgba(255,255,255,0.1);\n }\n @keyframes floatImg {\n 0% { transform: translateY(0); }\n 50% { transform: translateY(-15px); }\n 100% { transform: translateY(0); }\n }\n .gold-badge {\n display: inline-flex; align-items: center; gap: 8px;\n background: rgba(212, 175, 55, 0.1);\n border: 1px solid rgba(212, 175, 55, 0.3);\n color: #fcf6ba; padding: 6px 14px;\n border-radius: 20px; font-size: 0.85rem; font-weight: bold; margin-bottom: 1.5rem;\n }\n .gold-dot {\n width: 8px; height: 8px; background: #FFD700; border-radius: 50%;\n box-shadow: 0 0 10px #FFD700;\n }\n\n \/* 2. Minimal Cards *\/\n .icon-circle {\n width: 80px; height: 80px;\n background: rgba(255, 255, 255, 0.05);\n border-radius: 50%; display: flex; align-items: center; justify-content: center;\n margin-bottom: 1.5rem; border: 1px solid rgba(212, 175, 55, 0.2);\n }\n .icon-circle img { width: 45px; height: 45px; object-fit: contain; }\n .minimal-card h4 { font-size: 1.15rem; margin-bottom: 0.5rem; font-weight: 700; }\n .minimal-card p { font-size: 0.9rem; color: #aaa; margin: 0; }\n\n \/* 3. Split Panel *\/\n .split-panel { display: flex; align-items: center; gap: 4rem; padding: 4rem; }\n .split-image { flex: 1; text-align: center; }\n .split-image img { width: 100%; max-width: 450px; border-radius: 50%; border: 4px solid rgba(212, 175, 55, 0.3); box-shadow: 0 0 40px rgba(212, 175, 55, 0.15); }\n .split-content { flex: 1; }\n .lead-text { font-size: 1.3rem; margin: 2rem 0; padding-right: 1.5rem; border-right: 4px solid #D4AF37; }\n .gold-list { list-style: none; padding: 0; }\n .gold-list li { position: relative; padding-right: 35px; margin-bottom: 15px; font-weight: 500; font-size: 1.05rem; }\n .gold-list li::before {\n content: '✦'; position: absolute; right: 0; top: 0; color: #D4AF37; font-size: 1.2rem;\n }\n\n \/* 4. Causes *\/\n .cause-card img { width: 55px; margin-bottom: 1.5rem; }\n .cause-card h4 { font-size: 1.2rem; margin-bottom: 1rem; }\n .cause-card p { font-size: 0.95rem; color: #aaa; }\n\n \/* 5. Tech Dossier *\/\n .dossier-list { display: flex; flex-direction: column; gap: 1.5rem; }\n .tech-card { flex-direction: row; text-align: right; padding: 2.5rem; gap: 3rem; justify-content: flex-start; }\n .tech-icon-wrapper {\n flex: 0 0 100px; height: 100px; background: rgba(255, 255, 255, 0.03); border-radius: 20px;\n display: flex; align-items: center; justify-content: center; border: 1px solid rgba(212, 175, 55, 0.1);\n }\n .tech-icon-wrapper img { width: 60px; }\n .tech-info { flex: 1; }\n .gold-badge-small {\n display: inline-block; background: rgba(212, 175, 55, 0.15); color: #fcf6ba; padding: 4px 10px;\n border-radius: 6px; font-family: monospace; font-size: 0.85rem; margin-bottom: 1rem; letter-spacing: 1px;\n }\n .tech-info h4 { font-size: 1.8rem; font-family: monospace; font-weight: bold; margin-bottom: 0.5rem; }\n .tech-info h5 { font-size: 1.1rem; margin-bottom: 1rem; }\n .highlight-box {\n margin-top: 1.5rem; padding: 1.5rem; background: rgba(212, 175, 55, 0.05);\n border-radius: 12px; border-right: 3px solid #D4AF37; color: #fff;\n }\n \n .glass-alert {\n display: flex; align-items: center; gap: 1.5rem; padding: 1.5rem 2rem;\n background: rgba(25, 25, 25, 0.6); border: 1px dashed #D4AF37; border-radius: 16px; margin-top: 3rem;\n }\n .alert-icon {\n width: 45px; height: 45px; border-radius: 50%; background: #D4AF37; color: #000;\n display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.5rem; flex-shrink: 0;\n }\n\n \/* 6. Protocol Steps *\/\n .step-card { position: relative; padding: 3rem 2rem 2rem 2rem; overflow: visible; }\n .step-image { margin-bottom: 2rem; }\n .step-image img { width: 140px; height: 140px; border-radius: 50%; object-fit: cover; border: 3px solid rgba(212, 175, 55, 0.4); }\n .step-num {\n position: absolute; top: -15px; right: -15px; width: 45px; height: 45px;\n background: linear-gradient(135deg, #bf953f, #b38728); color: #000;\n border-radius: 50%; display: flex; align-items: center; justify-content: center;\n font-family: monospace; font-weight: bold; font-size: 1.2rem; box-shadow: 0 5px 15px rgba(212, 175, 55, 0.4);\n }\n\n \/* 7. Gallery *\/\n .gallery-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; }\n .gallery-item {\n border-radius: 16px; overflow: hidden; position: relative; border: 1px solid rgba(212, 175, 55, 0.2);\n }\n .gallery-item img {\n width: 100%; display: block; filter: grayscale(40%) contrast(1.1); transition: all 0.5s ease;\n }\n .gallery-item:hover img { filter: grayscale(0%) contrast(1.1); transform: scale(1.05); }\n .gallery-item::after {\n content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.5), transparent); pointer-events: none;\n }\n\n \/* 8. CTA Section *\/\n .cta-panel { display: flex; align-items: center; gap: 4rem; padding: 0; overflow: hidden; background: rgba(212, 175, 55, 0.05); }\n .cta-content { flex: 1; padding: 4rem; }\n .cta-image { flex: 1; height: 100%; display: flex; }\n .cta-image img { width: 100%; object-fit: cover; border-left: 2px solid rgba(212, 175, 55, 0.3); }\n\n \/* Responsive *\/\n @media (max-width: 992px) {\n .hero-grid, .split-panel, .cta-panel { grid-template-columns: 1fr; flex-direction: column; text-align: center; }\n .hero-panel, .split-panel { padding: 2.5rem; }\n .tech-card { flex-direction: column; text-align: center; gap: 1.5rem; }\n .lead-text { border-right: none; padding-right: 0; border-top: 3px solid #D4AF37; padding-top: 1.5rem; }\n .gold-list li { padding-right: 0; text-align: center; }\n .gold-list li::before { content: none; }\n .cta-content { padding: 3rem 1.5rem; }\n .cta-image img { border-left: none; border-top: 2px solid rgba(212, 175, 55, 0.3); }\n .grid-4 { grid-template-columns: repeat(2, 1fr); }\n }\n @media (max-width: 576px) {\n .main-title { font-size: 2.2rem; }\n .grid-4, .grid-3 { grid-template-columns: 1fr; }\n .glass-alert { flex-direction: column; text-align: center; }\n }\n\u003c\/style\u003e\n\n\u003c!-- Scroll Animation Script --\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n const observerOptions = {\n threshold: 0.1,\n rootMargin: \"0px 0px -30px 0px\"\n };\n\n const observer = new IntersectionObserver(function(entries) {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('is-visible');\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n const revealElements = document.querySelectorAll('.glass-reveal');\n revealElements.forEach(el =\u003e {\n observer.observe(el);\n });\n});\n\u003c\/script\u003e\n\n","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":46999297196206,"sku":null,"price":26.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/ordinarymultipeptidehairserumforhairlossandalopecia_d35e783a-b85d-477a-a84a-d867e78bdd4e.jpg?v=1788176007"},{"product_id":"thr-ordinary-multipeptide-eyebrows-eyelash-serum","title":"The Ordinary سيروم تكنولوجيا الببتيدات في إنبات و تكثيف الرموش والحواجب","description":"\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n \n direction: rtl;\n color: #333;\n line-height: 1.6;\n background-color: white;\n }\n \n .product-description {\n max-width: 900px;\n margin: 0 auto;\n padding: 20px;\n }\n \n .section {\n margin: 40px 0;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .section.active {\n opacity: 1;\n transform: translateY(0);\n }\n \n .title {\n color: #9C8102;\n font-size: 28px;\n margin-bottom: 20px;\n position: relative;\n font-weight: 600;\n text-align: center;\n padding-bottom: 10px;\n }\n \n .title::after {\n content: '';\n position: absolute;\n bottom: 0;\n right: 50%;\n transform: translateX(50%);\n width: 60px;\n height: 3px;\n background-color: #9C8102;\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: 5px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n }\n \n .product-image:hover {\n transform: scale(1.02);\n box-shadow: 0 8px 25px rgba(156, 129, 2, 0.2);\n }\n \n .description {\n font-size: 16px;\n line-height: 1.8;\n margin-bottom: 20px;\n text-align: justify;\n }\n \n .features-list {\n list-style: none;\n margin-bottom: 20px;\n }\n \n .features-list li {\n position: relative;\n padding-right: 30px;\n margin-bottom: 15px;\n }\n \n .features-list li::before {\n content: '';\n position: absolute;\n right: 0;\n top: 8px;\n width: 12px;\n height: 12px;\n background-color: #9C8102;\n border-radius: 50%;\n }\n \n \/* Timeline styles *\/\n .timeline-container {\n position: relative;\n margin: 40px auto;\n max-width: 800px;\n }\n \n .timeline-track {\n position: relative;\n width: 100%;\n height: 4px;\n background-color: #e0e0e0;\n border-radius: 4px;\n margin: 50px 0;\n }\n \n .timeline-progress {\n position: absolute;\n top: 0;\n right: 0;\n height: 100%;\n background-color: #9C8102;\n border-radius: 4px;\n width: 0;\n transition: width 1s ease;\n }\n \n .timeline-markers {\n position: relative;\n display: flex;\n justify-content: space-between;\n margin-top: -14px;\n }\n \n .timeline-marker {\n position: relative;\n width: 24px;\n height: 24px;\n background-color: white;\n border: 2px solid #e0e0e0;\n border-radius: 50%;\n cursor: pointer;\n z-index: 2;\n }\n \n .timeline-marker.active {\n background-color: #9C8102;\n border-color: #9C8102;\n }\n \n .timeline-marker-label {\n position: absolute;\n top: -30px;\n right: 50%;\n transform: translateX(50%);\n font-size: 14px;\n font-weight: 600;\n color: #777;\n text-align: center;\n white-space: nowrap;\n }\n \n .timeline-marker.active .timeline-marker-label {\n color: #9C8102;\n }\n \n .timeline-content {\n display: none;\n background-color: #f8f8f8;\n padding: 20px;\n border-radius: 8px;\n margin-top: 30px;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n }\n \n .timeline-content.active {\n display: block;\n }\n \n .timeline-content h3 {\n color: #9C8102;\n margin-bottom: 15px;\n font-size: 18px;\n }\n \n .timeline-content p {\n font-size: 14px;\n line-height: 1.6;\n margin-bottom: 15px;\n }\n \n .timeline-content ul {\n padding-right: 20px;\n }\n \n .timeline-content li {\n margin-bottom: 8px;\n font-size: 14px;\n }\n \n .highlight {\n color: #9C8102;\n font-weight: 600;\n }\n \n .info-box {\n background-color: #f8f8f8;\n border-radius: 8px;\n padding: 20px;\n margin: 20px 0;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);\n }\n \n .info-title {\n color: #9C8102;\n font-size: 18px;\n margin-bottom: 10px;\n font-weight: 600;\n }\n \n .ingredients-list {\n font-size: 14px;\n margin-top: 10px;\n color: #666;\n line-height: 1.5;\n }\n \n .science-icon {\n display: inline-block;\n width: 50px;\n height: 50px;\n margin-left: 15px;\n vertical-align: middle;\n background-color: #9C8102;\n border-radius: 50%;\n position: relative;\n text-align: center;\n line-height: 50px;\n color: white;\n font-size: 24px;\n }\n \n .peptide-info {\n display: flex;\n margin: 30px 0;\n background-color: #f8f8f8;\n border-radius: 8px;\n overflow: hidden;\n }\n \n .peptide-left {\n padding: 20px;\n flex: 2;\n }\n \n .peptide-right {\n background-color: #9C8102;\n color: white;\n flex: 1;\n padding: 20px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n }\n \n .peptide-right h3 {\n margin-bottom: 10px;\n font-size: 18px;\n }\n \n .peptide-right p {\n text-align: center;\n font-size: 14px;\n }\n \n .usage-steps {\n margin: 30px 0;\n }\n \n .step {\n display: flex;\n margin-bottom: 20px;\n align-items: center;\n }\n \n .step-number {\n width: 30px;\n height: 30px;\n background-color: #9C8102;\n border-radius: 50%;\n color: white;\n text-align: center;\n line-height: 30px;\n margin-left: 15px;\n flex-shrink: 0;\n }\n \n .step-content {\n flex: 1;\n }\n \n .step h4 {\n margin-bottom: 5px;\n color: #444;\n }\n \n .step p {\n font-size: 14px;\n color: #666;\n }\n\n \/* Animation for eye blink *\/\n @keyframes blink {\n 0% { transform: scaleY(1); }\n 5% { transform: scaleY(0.1); }\n 10% { transform: scaleY(1); }\n 100% { transform: scaleY(1); }\n }\n\n .eye-icon {\n display: inline-block;\n font-size: 24px;\n animation: blink 5s infinite;\n transform-origin: center;\n }\n\n \/* Before\/After comparison *\/\n .before-after-container {\n position: relative;\n max-width: 600px;\n margin: 30px auto;\n overflow: hidden;\n border-radius: 8px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n \n .comparison-label {\n position: absolute;\n padding: 5px 10px;\n background-color: rgba(156, 129, 2, 0.8);\n color: white;\n font-size: 14px;\n font-weight: bold;\n border-radius: 4px;\n }\n \n .before-label {\n top: 10px;\n right: 10px;\n }\n \n .after-label {\n top: 10px;\n left: 10px;\n }\n \n .result-stat {\n text-align: center;\n margin-top: 15px;\n font-size: 18px;\n color: #9C8102;\n font-weight: 600;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-description\"\u003e\n \u003cdiv class=\"section\" id=\"section1\"\u003e\n \u003ch2 class=\"title\"\u003eرسمة عيونك جميلة، لكن الرموش القصيرة وفراغات الحاجب تخبئها\u003c\/h2\u003e\n \u003cp class=\"description\"\u003eالرموش هي عنوان الأنوثة، لا شيء يبرز جمال العيون كذلك الرمش الطويل. الآن تستطيعين تكثيف وإطالة رموشك وإكمال فراغات حاجبك بطريقة طبيعية عن طريق أحدث تكنولوجيا إنبات الشعر عالميا من The Ordinary - صاحبة الابتكارات العلمية بأسعار منطقية.\u003c\/p\u003e\n \n \u003cp class=\"result-stat\"\u003eتحسن ملحوظ في كثافة الرموش والحواجب في مدة لا تتجاوز 4 أسابيع \u003cspan class=\"eye-icon\"\u003e👁️\u003c\/span\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"section\" id=\"section2\"\u003e\n \u003ch2 class=\"title\"\u003eأكثر من 50% من بصيلات الرموش والحواجب تكون خاملة منتظرة الحافز لإطلاق نموها\u003c\/h2\u003e\n \u003cp class=\"description\"\u003eتحتوي رموشك العلوية على 150 - 200 بصيلة بينما رموشك السفلية من 75-100، إذا قمتي بعد الرموش في عينيكي الآن ستجدي أن عدد الشعيرات أقل من 50% من عدد البصيلات.\u003c\/p\u003e\n \u003cp class=\"description\"\u003eلأن 50%-60% من الرموش تحتاج إلى تحفيز كيميائي لإطلاق نموها.\u003c\/p\u003e\n \n \u003cdiv class=\"peptide-info\"\u003e\n \u003cdiv class=\"peptide-left\"\u003e\n \u003ch3 class=\"info-title\"\u003eتكنولوجيا البيبتيدات المتعددة\u003c\/h3\u003e\n \u003cp\u003eسيروم The Ordinary يحتوي على 4 مركبات ببتيدية متطورة تعمل على تحفيز بصيلات الشعر وتحسين كثافة الرموش والحواجب. هذه البيبتيدات مسؤولة عن بناء البروتينات في بصيلات الشعر وتحسين مستويات الكولاجين للحصول على مظهر أكثر امتلاءً وكثافة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"peptide-right\"\u003e\n \u003ch3\u003e4\u003c\/h3\u003e\n \u003cp\u003eمجمعات ببتيدية متطورة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cp class=\"description\"\u003eعند استخدامك لهذا السيروم سيعمل على:\u003c\/p\u003e\n \u003cul class=\"features-list\"\u003e\n \u003cli\u003eإطالة البصيلات النشطة وزيادة سمكها\u003c\/li\u003e\n \u003cli\u003eإنبات البصيلات الخاملة وإدخالها في طور النمو\u003c\/li\u003e\n \u003cli\u003eسيقلل الفراغات بين رموشك ويعطيكي مظهر الاكستنشن الطبيعي\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \u003cp class=\"description\"\u003e\u003cstrong\u003eلا حاجة لجلسات تركيب الرموش الاصطناعية المكلفة والمؤقتة من اليوم\u003c\/strong\u003e، تستطيعين الآن تحقيق هذا المظهر الذي تنفقي من أجله أموالا باهظة في كل جلسة ولكن طبيعيا وبنتائج دائمة وبدون أعراض جانبية.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"section\" id=\"timelineSection\"\u003e\n \u003ch2 class=\"title\"\u003eرحلة النتائج مع سيروم الرموش والحواجب من The Ordinary\u003c\/h2\u003e\n \u003cp class=\"description\"\u003eاكتشفي التحول التدريجي لرموشك وحواجبك مع الاستخدام المنتظم. مع الاستمرار في الاستخدام، ستلاحظين تحسناً ملحوظاً في كثافة وطول ومظهر الرموش والحواجب!\u003c\/p\u003e\n \n \u003cdiv class=\"timeline-container\"\u003e\n \u003cdiv class=\"timeline-track\"\u003e\n \u003cdiv class=\"timeline-progress\" id=\"timelineProgress\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-markers\"\u003e\n \u003cdiv class=\"timeline-marker active\" data-week=\"1\" onclick=\"showTimelineContent(0)\"\u003e\n \u003cdiv class=\"timeline-marker-label\"\u003eالأسبوع 1\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-marker\" data-week=\"2\" onclick=\"showTimelineContent(1)\"\u003e\n \u003cdiv class=\"timeline-marker-label\"\u003eالأسبوع 2\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-marker\" data-week=\"4\" onclick=\"showTimelineContent(2)\"\u003e\n \u003cdiv class=\"timeline-marker-label\"\u003eالأسبوع 4\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-marker\" data-week=\"8\" onclick=\"showTimelineContent(3)\"\u003e\n \u003cdiv class=\"timeline-marker-label\"\u003eالأسبوع 8-12\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-content active\" id=\"content-0\"\u003e\n \u003ch3\u003eالأسبوع الأول: ترطيب وتقوية\u003c\/h3\u003e\n \u003cp\u003eستلاحظين في الأيام الأولى من الاستخدام شعوراً بالترطيب والنعومة في منطقة الرموش والحواجب. قد لا تظهر نتائج واضحة بعد لكن المكونات النشطة بدأت بالفعل في اختراق البصيلات وتغذيتها.\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eترطيب وتنعيم منطقة الرموش والحواجب\u003c\/li\u003e\n \u003cli\u003eتقوية أولية للشعيرات الموجودة\u003c\/li\u003e\n \u003cli\u003eتقليل تساقط الرموش\u003c\/li\u003e\n \u003cli\u003eتحضير البصيلات الخاملة للنمو\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-content\" id=\"content-1\"\u003e\n \u003ch3\u003eالأسبوع الثاني: بداية ظهور علامات التحسن\u003c\/h3\u003e\n \u003cp\u003eفي هذه المرحلة، ستبدأين بملاحظة تحسن طفيف في مظهر رموشك وحواجبك. بعض المستخدمين يلاحظون نمو شعيرات جديدة خاصة في مناطق الفراغات.\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eزيادة طفيفة في كثافة الرموش\u003c\/li\u003e\n \u003cli\u003eبداية ملء الفراغات في الحاجبين\u003c\/li\u003e\n \u003cli\u003eرموش أقوى وأقل عرضة للتساقط\u003c\/li\u003e\n \u003cli\u003eمظهر أكثر صحة وحيوية للشعيرات الموجودة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-content\" id=\"content-2\"\u003e\n \u003ch3\u003eالأسبوع الرابع: تحسن ملحوظ في الكثافة والطول\u003c\/h3\u003e\n \u003cp\u003eبعد شهر من الاستخدام المنتظم، أظهرت الدراسات السريرية تحسناً ملحوظاً في حجم وكثافة الرموش والحواجب. في هذه المرحلة ستلاحظين فرقاً واضحاً مقارنة بما قبل الاستخدام.\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eزيادة ملحوظة في طول الرموش\u003c\/li\u003e\n \u003cli\u003eكثافة أعلى وامتلاء أفضل للحواجب\u003c\/li\u003e\n \u003cli\u003eتقليل واضح للفراغات والثغرات\u003c\/li\u003e\n \u003cli\u003eمظهر أكثر قوة ولمعاناً للشعيرات\u003c\/li\u003e\n \u003cli\u003eرموش أكثر انحناءً وجاذبية\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-content\" id=\"content-3\"\u003e\n \u003ch3\u003eالأسبوع 8-12: النتائج الكاملة والمستدامة\u003c\/h3\u003e\n \u003cp\u003eمع استمرار الاستخدام لمدة 8-12 أسبوعاً، ستصلين لأقصى نتائج ممكنة. في هذه المرحلة، ستلاحظين تحولاً كاملاً في مظهر رموشك وحواجبك بشكل طبيعي ومستدام.\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eرموش أطول وأكثف بشكل ملحوظ\u003c\/li\u003e\n \u003cli\u003eحواجب ممتلئة وذات شكل متناسق\u003c\/li\u003e\n \u003cli\u003eاختفاء شبه تام للفراغات والثغرات\u003c\/li\u003e\n \u003cli\u003eمظهر صحي وطبيعي يشبه الاكستنشن\u003c\/li\u003e\n \u003cli\u003eنتائج مستدامة طالما استمر الاستخدام المنتظم\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"section\" id=\"section4\"\u003e\n \u003ch2 class=\"title\"\u003eقوة العلم خلف صيغة السيروم الفريدة\u003c\/h2\u003e\n \u003cdiv class=\"info-box\"\u003e\n \u003cdiv style=\"display: flex; align-items: center;\"\u003e\n \u003cdiv class=\"science-icon\"\u003e🧪\u003c\/div\u003e\n \u003ch3 class=\"info-title\"\u003e11 مكوناً نشطاً في صيغة متطورة\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"description\"\u003eيحتوي سيروم The Ordinary على مزيج فريد من 11 مكوناً نشطاً، من بينها 4 مجمعات ببتيدية متطورة ومستخلصات نباتية قوية تعمل معاً لتحفيز بصيلات الشعر وتعزيز نمو وكثافة الرموش والحواجب.\u003c\/p\u003e\n \n \u003ch4 style=\"margin-top: 20px; color: #9C8102;\"\u003eالمكونات الرئيسية:\u003c\/h4\u003e\n \u003cul class=\"features-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eميريستويل بنتاببتيد-17:\u003c\/strong\u003e يحفز نمو الشعر ويقوي البصيلات\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eبيوتينويل ترايببتيد-1:\u003c\/strong\u003e يعزز دورة نمو الشعر ويقلل التساقط\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eأوليجوبيبتيد-2:\u003c\/strong\u003e يحسن كثافة الشعر ويزيد من سماكته\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eأسيتيل تترابيبتيد-3:\u003c\/strong\u003e يدعم إنتاج الكولاجين لتعزيز قوة الشعرة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eكافيين:\u003c\/strong\u003e ينشط الدورة الدموية ويحفز نمو الشعر\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eمستخلصات نباتية:\u003c\/strong\u003e تغذي وتحمي البصيلات وتعزز صحتها\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"section\" id=\"section5\"\u003e\n \u003ch2 class=\"title\"\u003eطريقة الاستخدام للحصول على أفضل النتائج\u003c\/h2\u003e\n \n \u003cdiv class=\"usage-steps\"\u003e\n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"step-content\"\u003e\n \u003ch4\u003eنظفي بشرتك أولاً\u003c\/h4\u003e\n \u003cp\u003eتأكدي من تنظيف منطقة الرموش والحواجب من أي مكياج أو زيوت، ثم جففي المنطقة تماماً.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"step-content\"\u003e\n \u003ch4\u003eضعي طبقة رقيقة من السيروم\u003c\/h4\u003e\n \u003cp\u003eاستخدمي الفرشاة لوضع طبقة رقيقة على طول خط الرموش وعلى الحواجب، مع التأكد من تغطية المناطق ذات الفراغات.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"step-content\"\u003e\n \u003ch4\u003eاستخدميه مرتين يومياً\u003c\/h4\u003e\n \u003cp\u003eللحصول على أفضل النتائج، استخدمي السيروم في الصباح والمساء بانتظام.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"step-content\"\u003e\n \u003ch4\u003eاستمري لمدة لا تقل عن 4 أسابيع\u003c\/h4\u003e\n \u003cp\u003eالنتائج تظهر تدريجياً، وتصل للذروة بعد 8-12 أسبوعاً من الاستخدام المنتظم.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"section\" id=\"section6\"\u003e\n \u003ch2 class=\"title\"\u003eالمكونات الكاملة\u003c\/h2\u003e\n \u003cdiv class=\"info-box\"\u003e\n \u003cp class=\"ingredients-list\"\u003e\n ماء، جليسرين، بيوتيلين غليكول، ميريستويل بنتاببتيد-17، بيوتينويل ترايببتيد-1، أوليجوبيبتيد-2، أسيتيل تترابيبتيد-3، كافيين، بانثينول، آرجينين، جليسين، جليكوبروتين، استخراج خشب الأرز الأوروبي Larix Europaea، استخراج زهرة البرسيم Trifolium Pratense، استخراج أوراق شجرة الشاي الأخضر Camellia Sinensis، ديكستران، مالتوديكسترين، كلوريد الزنك، هيدروكسي إيثيل سيليلوز، صمغ الزانثان، تريسوديوم إيثيلين ديامين ديسوكسينات، بوليسوربات 20، صوديوم ميتابيسلفيت، كابريليل غليكول، 1،2-هيكسانديول، صوديوم بنزوات، حمض البنزويك، إيثيل هيكسيل جليسيرين، فينوكسي إيثانول، كلورفينيزين.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n \/\/ Make all sections visible initially to fix display issues\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Make all sections visible\n const sections = document.querySelectorAll('.section');\n sections.forEach(section =\u003e {\n section.classList.add('active');\n });\n \n \/\/ Initialize timeline functionality\n initializeTimeline();\n });\n \n \/\/ Timeline functionality\n function initializeTimeline() {\n \/\/ Set the first marker active by default\n const progress = document.getElementById('timelineProgress');\n progress.style.width = '0%';\n }\n \n \/\/ Show timeline content\n function showTimelineContent(index) {\n \/\/ Reset all markers and contents\n const markers = document.querySelectorAll('.timeline-marker');\n const contents = document.querySelectorAll('.timeline-content');\n \n markers.forEach(m =\u003e m.classList.remove('active'));\n contents.forEach(c =\u003e c.classList.remove('active'));\n \n \/\/ Activate selected marker and content\n markers[index].classList.add('active');\n contents[index].classList.add('active');\n \n \/\/ Update progress bar\n const progress = document.getElementById('timelineProgress');\n const progressWidth = [0, 33, 66, 100][index];\n progress.style.width = progressWidth + '%';\n }\n\u003c\/script\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":46999342186670,"sku":null,"price":18.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/The_ordinary_multipeptide_eyelashes_eyebrows_serum_2.jpg?v=1788175587"},{"product_id":"dermatique-vtiamin-c-10","title":"Dermatique Vitamin C Serum 10% 1+1 عرض","description":"\u003cp\u003eهل تعانين من بشرة باهتة وتعبانة تبدو عليها علامات التعب والتقدم في العمر؟ تشعرين بأن بشرتك تحتاج إلى تجديد وترطيب بعمق؟\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/image_0AP_480x480.png?v=1682951736\" style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eمع فيتامين سي النقي بتركيز 10٪ في سيرومنا الجديد، يمكنك الحصول على بشرة مشرقة ونضرة في غضون أيام قليلة. فهو يحتوي على مضادات الأكسدة الفعالة التي تعمل على تفتيح البشرة وتقليل ظهور التجاعيد والخطوط الدقيقة. كما يعمل الفيتامين سي على تحفيز إنتاج الكولاجين والإيلاستين في البشرة لتحسين مرونتها وشدّها.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"group w-full text-gray-800 dark:text-gray-100 border-b border-black\/10 dark:border-gray-900\/50 bg-gray-50 dark:bg-[#444654]\"\u003e\n\u003cdiv class=\"text-base gap-4 md:gap-6 md:max-w-2xl lg:max-w-xl xl:max-w-3xl p-4 md:py-6 flex lg:px-0 m-auto\"\u003e\n\u003cdiv class=\"relative flex w-[calc(100%-50px)] flex-col gap-1 md:gap-3 lg:w-[calc(100%-115px)]\"\u003e\n\u003cdiv class=\"flex flex-grow flex-col gap-3\"\u003e\n\u003cdiv class=\"min-h-[20px] flex flex-col items-start gap-4 whitespace-pre-wrap break-words\"\u003e\n\u003cdiv class=\"markdown prose w-full break-words dark:prose-invert light\"\u003e\n\u003cp\u003eاستخدمي سيروم فيتامين سي 10٪ يوميًا للحصول على بشرة مشرقة ونضرة ومتألقة بصحة وحيوية، وتخلّصي من علامات التعب والتقدم في العمر.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\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\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"dermatique","offers":[{"title":"Default Title","offer_id":46999345397934,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoisturec_18_ae3549f0-bc07-4e3e-8476-beadc58071b1.jpg?v=1788175572"},{"product_id":"lightening-hyaluronic-acid-serum-offer","title":"Dermatique Lightening Hyaluronic Acid Serum 1+1 عرض","description":"\u003cp\u003eسيروم حمض الهيالورونيك المفتح 30 مل\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eيفتح البشرة، يرطب البشرة\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/PhotoRoom-20230501_184502_1024x1024.png?v=1682956025\" style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eهو سيروم غني و ملئ بالمضادات الأكسدة لتوهج البشرة، إعادة الامتلاء، و رطوبة البشرة الجافة . يعمل كمحفز كبير للترطيب حيث يحفظ رطوبة البشرة و يبقيها رطبة ممتلئة طوال اليوم.\u003c\/p\u003e\n\u003cp\u003eغني بمكونات تفتيح البشرة ومكافحة الشيخوخة، بما في ذلك الكولاجين وفيتامين C و E لإعادة ترميم توهج البشرة الشابة وتحسين مرونتها وثباتها. تركيبة غنية بفيتامين B5 لترك البشرة ناعمة ومرطبة للمس.\u003c\/p\u003e\n\u003cp\u003e*تقنية بشرة حساسة Inhipase ™ لتناسب أكثر أنواع البشرة حساسية.\u003c\/p\u003e\n\u003cp\u003e*مركب مضاد للتلوث Pollushield ™.\u003c\/p\u003e\n\u003cp\u003e*امتصاص سريع.\u003c\/p\u003e\n\u003cp\u003e*لا يسبب حساسية الحساسية. لا يسد المسام.\u003c\/p\u003e\n\u003cp\u003e*خالي من البارابين والهيدروكينون.\u003c\/p\u003e\n\u003cp\u003eالاتجاهات:\u003c\/p\u003e\n\u003cp\u003eضع(ضغطة واحدة) مرتين يومياً، صباحًا ومساءً، على وجه نظيف  مع تجنب منطقة العين. دلكي البشرة بلطف. للحصول على الترطيب الأمثل، يوصى بتطبيق مرطب بعد 5 دقائق.\u003c\/p\u003e\n\u003cp\u003eالاحتياطات:\u003c\/p\u003e\n\u003cp\u003eللاستخدام الخارجي فقط. تجنب ملامسة العينين. يحفظ بعيدًا عن متناول الأطفال، في مكان بارد وجاف بعيداً عن الحرارة المباشرة أو أشعة الشمس.\u003c\/p\u003e\n\u003cp\u003eالمكونات:\u003c\/p\u003e\n\u003cp\u003eحمض الهيالورونيك، فيتامين E، بانثينول، كولاجين بحري، فيتامين C، سيراميد، مستخلص الصبار\u003c\/p\u003e","brand":"dermatique","offers":[{"title":"Default Title","offer_id":46999345791150,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/1.LighteningHyaluronicAcidSerumArichultra-replenishingserumisrichinantioxidantstoilluminate_re-plump_andquenchthirstyskin.Anintensehydrationboosterthatwillretaintheskin_smoistureco_7_dcef6808-7628-4914-8c30-033ffe1e8fa7.jpg?v=1788175572"},{"product_id":"kolagra-niacinamide-serum-10-عرض-1-1","title":"سيروم النياسيناميد 30 مل kolagra","description":"\u003ch2 style=\"text-align: right;\" dir=\"rtl\" data-mce-style=\"text-align: right;\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eبشرتك في أصفى حالاتها\u003c\/h3\u003e\n\u003ch2 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eمسامات بشرتك غير مرئية \u003c\/h2\u003e\n\u003cdiv style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eالنياسيناميد هو المركب المثالي والأفضل في تقليص المسام لأقصى الحدود مما يجعل بشرتك  نضرة ومشدودة وخالية من الرؤوس السوداء والرؤوس البيضاء \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e\u003chr\u003e\n\u003ch3 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eفعال ضد أشد الحبوب \u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/before-after-portrait-woman-retouched_adobespark_2048x2048.png?v=1638013792\" alt=\"\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e يخفف الاحمرار وآثار حب الشباب وسترين نتائج إيجابية خصوصا في الحبوب الملتهبة\u003c\/p\u003e\n\u003chr\u003e\n\u003ch3 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eشبابك دائم\u003c\/h3\u003e\n\u003ch2 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eمن أقوى مضادات الشيخوخة\u003c\/h2\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cstrong\u003e يختزل الجذور الحرة المسببة للشيخوخة ويحفز إنتاج الكولاجين\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_18_1024x1024.png?v=1637970613\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/p\u003e\n\u003cdiv dir=\"rtl\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e يحفز إنتاج الكيراتين الذي يشد الجلد ويزيد سماكته مما يخفف من آثار الخطوط الدقيقة والتجاعيد\u003c\/div\u003e\n\u003cp dir=\"rtl\" data-mce-style=\"text-align: right;\"\u003e \u003c\/p\u003e\n\u003cp dir=\"rtl\" data-mce-style=\"text-align: right;\"\u003e \u003c\/p\u003e\n\u003cp dir=\"rtl\" data-mce-style=\"text-align: right;\"\u003e \u003c\/p\u003e\n\u003ch3 dir=\"rtl\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eبشرتك صافية وموحدة اللون\u003c\/h3\u003e\n\u003ch2 dir=\"rtl\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eسيفتح المناطق الداكنة في بشرتك\u003c\/h2\u003e\n\u003ch3 dir=\"rtl\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\n\u003cimg data-mce-fragment=\"1\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the-truth-about-hyperpigmentation_2048x2048.jpg?v=1638012081\" alt=\"\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the-truth-about-hyperpigmentation_2048x2048.jpg?v=1638012081\"\u003e \u003c\/h3\u003e\n\u003cdiv dir=\"rtl\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e في تركيزاته العالية يقوم النياسيناميد بمعادلة صبغة الميلانين مما يفتح المناطق الداكنة ويجعل بشرتك موحدة اللون\u003c\/div\u003e\n\u003cp dir=\"rtl\" data-mce-style=\"text-align: right;\"\u003e \u003c\/p\u003e\n\u003cp style=\"text-align: right;\" dir=\"rtl\" data-mce-style=\"text-align: right;\"\u003e \u003c\/p\u003e\n\u003ch3 dir=\"rtl\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eترطيب عميق\u003c\/h3\u003e\n\u003ch2 dir=\"rtl\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e بدون أثر دهني\u003c\/h2\u003e\n\u003cdiv dir=\"rtl\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eيعمل النياسيناميد على احتجاز الرطوبة في بشرتك عن طريق تكوين \"حاجز الرطوبة\" الذي يمنع فقدان الماء من بشرتك\u003c\/div\u003e\n\u003cdiv dir=\"rtl\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eكما أنه يعادل إنتاج الزيوت في البشرة الدهنية فلا يترك أثرا دهنيا \u003c\/div\u003e\n\u003cp dir=\"rtl\" data-mce-style=\"text-align: right;\"\u003e \u003c\/p\u003e\n\u003cp dir=\"rtl\" data-mce-style=\"text-align: right;\"\u003e \u003c\/p\u003e\n\u003ch3 style=\"text-align: center;\" dir=\"rtl\" data-mce-style=\"text-align: center;\"\u003e\u003cstrong\u003eيزيل الرؤوس السوداء والبيضاء\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch2 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\n\u003cstrong\u003eيعالج جلد قشرة البرتقالة \u003c\/strong\u003e\u003cbr\u003e\n\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/istockphoto-1002841518-612x612_2048x2048.jpg?v=1638013504\" alt=\"\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/istockphoto-1002841518-612x612_2048x2048.jpg?v=1638013504\"\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cstrong\u003eعن طريق تحفيز تكوين خلايا جلد جديدة وعن طريق الترطيب العميق للبشرة\u003c\/strong\u003e\u003c\/div\u003e\n\u003cp dir=\"rtl\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003cp dir=\"rtl\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003ch2 dir=\"rtl\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\n\u003cstrong\u003e\u003c\/strong\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003cstrong\u003eيناسب كل انوااع البشرة جافه, عادية, مختلطة, دهنية\u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp dir=\"rtl\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003cstrong\u003eخفييف علي البشرة.. سريع الإمتصاص\u003c\/strong\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: right;\" dir=\"rtl\" data-mce-style=\"text-align: right;\"\u003e \u003c\/p\u003e\n\u003cp style=\"text-align: right;\" dir=\"rtl\" data-mce-style=\"text-align: right;\"\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003cstrong\u003e طريقة الاستخدام\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: right;\" dir=\"rtl\" data-mce-style=\"text-align: right;\"\u003eيوضع كمية بسيطة جدا على الوجه صباحا ومساءا على بشرة نظيفة قبل وضع اى كريمات اخرى او زيوت او مرطبات للبشرة \u003cbr data-mce-fragment=\"1\"\u003e\u003cbr data-mce-fragment=\"1\"\u003eامن بالاستخدام للحوامل \u003cbr data-mce-fragment=\"1\"\u003eوالمرضعات.\u003c\/p\u003e\n\u003cp class=\"ql-align-right\" style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003e \u003c\/p\u003e\n\u003cp class=\"ql-align-right\" style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003e \u003c\/p\u003e","brand":"Kolagra","offers":[{"title":"Default Title","offer_id":46999352148142,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/51YdK-bDrtL_81a63f0c-3cb0-428d-b59a-c97aaa4f14e8.jpg?v=1788175544"},{"product_id":"nanotreat-niacinamide-serum","title":"نانو تريت | سيروم النياسيناميد 12% مع الزنك 2% 30 مل | تفتيح | ترطيب | نضارة | تصغير المسام","description":"\u003cstyle\u003e\n .nanotreat-niacinamide-container {\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n overflow: hidden;\n }\n .hero-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"nano\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23nano)\"\/\u003e\u003c\/svg\u003e');\n animation: nanoFloat 30s ease-in-out infinite;\n }\n .hero-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: heroSlide 1s ease-out;\n position: relative;\n z-index: 2;\n }\n .hero-subtitle {\n font-size: 1.1rem;\n opacity: 0.9;\n max-width: 700px;\n margin: 0 auto;\n animation: heroFade 1s ease-out 0.3s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .product-showcase {\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n }\n .product-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n margin: 2rem auto;\n display: block;\n }\n .product-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n }\n .product-name {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem 0 1rem;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n .product-intro {\n font-size: 1.1rem;\n color: #555;\n max-width: 800px;\n margin: 0 auto 3rem;\n animation: slideUp 0.8s ease-out 0.4s both;\n line-height: 1.7;\n }\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n padding: 2rem;\n margin: 3rem 0;\n }\n .benefit-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid transparent;\n animation: cardSlide 0.6s ease-out both;\n position: relative;\n overflow: hidden;\n }\n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #D4AF37);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n .benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n border-color: #9C8102;\n }\n .benefit-card:hover::before {\n transform: scaleX(1);\n }\n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n .benefit-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n animation: nanoGlow 3s ease-in-out infinite;\n font-size: 1.2rem;\n }\n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n .benefit-description {\n color: #666;\n line-height: 1.6;\n }\n .section {\n padding: 3rem 2rem;\n margin: 2rem 0;\n }\n .section-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n animation: slideUp 0.8s ease-out both;\n }\n .how-it-works {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n position: relative;\n overflow: hidden;\n }\n .how-it-works::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .mechanism-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin: 3rem 0;\n position: relative;\n z-index: 2;\n }\n .mechanism-card {\n background: rgba(255,255,255,0.1);\n border-radius: 15px;\n padding: 2rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n animation: cardSlide 0.6s ease-out both;\n transition: all 0.3s ease;\n }\n .mechanism-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-5px);\n }\n .mechanism-card:nth-child(1) { animation-delay: 0.1s; }\n .mechanism-card:nth-child(2) { animation-delay: 0.2s; }\n .mechanism-card:nth-child(3) { animation-delay: 0.3s; }\n .mechanism-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #D4AF37;\n margin-bottom: 1rem;\n }\n .clinical-stat {\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 0.5rem;\n display: block;\n }\n .customer-opinions {\n background: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .opinions-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .opinion-section {\n margin-bottom: 2rem;\n padding: 1.5rem;\n border-radius: 10px;\n }\n .opinion-section.positive {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left: 4px solid #28a745;\n }\n .opinion-section.negative {\n background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);\n border-left: 4px solid #dc3545;\n }\n .opinion-section.summary {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n border-left: 4px solid #9C8102;\n }\n .opinion-section h4 {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n .opinion-section.positive h4 {\n color: #28a745;\n }\n .opinion-section.negative h4 {\n color: #dc3545;\n }\n .opinion-section.summary h4 {\n color: #9C8102;\n }\n .timeline-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin: 3rem 0;\n }\n .timeline-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n .timeline-item {\n margin: 3rem 0;\n animation: timelineSlide 0.8s ease-out both;\n position: relative;\n }\n .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n .timeline-badge {\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n padding: 0.8rem 1.5rem;\n border-radius: 25px;\n font-weight: 600;\n font-size: 0.9rem;\n display: inline-block;\n margin-bottom: 1.5rem;\n text-align: center;\n box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n animation: nanoGlow 3s ease-in-out infinite;\n }\n .timeline-card {\n background: white;\n padding: 2rem;\n border-radius: 20px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-left: 5px solid #9C8102;\n text-align: center;\n transition: all 0.3s ease;\n }\n .timeline-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 25px 60px rgba(156, 129, 2, 0.15);\n }\n .timeline-title {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n .timeline-benefits {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.8rem;\n max-width: 500px;\n margin: 0 auto;\n }\n .timeline-benefit {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n padding: 1rem 1.5rem;\n border-radius: 12px;\n border-left: 4px solid #D4AF37;\n font-size: 0.95rem;\n color: #555;\n position: relative;\n text-align: right;\n transition: all 0.3s ease;\n }\n .timeline-benefit:hover {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left-color: #9C8102;\n transform: translateX(-3px);\n }\n .timeline-benefit::before {\n content: '✓';\n position: absolute;\n left: 1rem;\n top: 50%;\n transform: translateY(-50%);\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n .feature-list li {\n padding: 0.5rem 0;\n position: relative;\n padding-left: 2rem;\n color: #555;\n }\n .feature-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 15px;\n height: 15px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n border-radius: 50%;\n }\n .feature-list li::after {\n content: '✓';\n position: absolute;\n left: 4px;\n top: 50%;\n transform: translateY(-50%);\n color: white;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list.white li {\n color: white;\n }\n .ingredients-list {\n background: white;\n border-radius: 20px;\n padding: 3rem 2rem;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .ingredients-list-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .ingredients-text {\n line-height: 1.8;\n color: #333;\n font-size: 0.95em;\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n }\n .cta-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .cta-title {\n font-size: 2.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: slideUp 0.8s ease-out both;\n position: relative;\n z-index: 2;\n }\n .cta-text {\n font-size: 1.1rem;\n opacity: 0.9;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .floating-particles {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n }\n .nano-particle {\n position: absolute;\n width: 6px;\n height: 6px;\n background: linear-gradient(135deg, rgba(156, 129, 2, 0.4), rgba(212, 175, 55, 0.4));\n border-radius: 50%;\n opacity: 0.7;\n animation: floatParticle 10s linear infinite;\n }\n .nano-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n .nano-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n .nano-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n .nano-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n .nano-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n @keyframes heroSlide {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes heroFade {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 0.9; transform: translateY(0); }\n }\n @keyframes slideUp {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes cardSlide {\n 0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n 100% { transform: translateY(0) scale(1); opacity: 1; }\n }\n @keyframes timelineSlide {\n 0% { transform: translateX(-50px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n @keyframes nanoGlow {\n 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n 50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n }\n @keyframes nanoFloat {\n 0%, 100% { transform: translateY(0px) translateX(0px); }\n 33% { transform: translateY(-12px) translateX(-6px); }\n 66% { transform: translateY(6px) translateX(4px); }\n }\n @keyframes floatParticle {\n 0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n 10% { opacity: 0.7; transform: scale(1); }\n 90% { opacity: 0.7; }\n 100% { transform: translateY(-100px) scale(0.5); opacity: 0; }\n }\n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.3; }\n }\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n .benefits-grid, .mechanism-cards {\n grid-template-columns: 1fr;\n }\n .timeline-section {\n padding: 2rem 1rem;\n }\n .timeline-card {\n padding: 1.5rem;\n }\n .timeline-benefits {\n gap: 0.6rem;\n }\n .timeline-benefit {\n padding: 0.8rem 1rem;\n font-size: 0.9rem;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"nanotreat-niacinamide-container\"\u003e\n \u003c!-- Floating Particles --\u003e\n \u003cdiv class=\"floating-particles\"\u003e\n \u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nano-particle\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003ch1 class=\"hero-title\"\u003eNanotreat Niacinamide Serum\u003c\/h1\u003e\n \u003cp class=\"hero-subtitle\"\u003eبشرة دهنية خارجة عن السيطرة؟ مسام واسعة وحبوب مستمرة؟ \u003cstrong\u003eالمشكلة تحتاج تقنية نانو متقدمة!\u003c\/strong\u003e سيروم Nanotreat للنياسيناميد بتقنية النانو يخترق أعمق طبقات البشرة ويحلل \u003cstrong\u003eمشاكل البشرة الدهنية من الجذور\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Product Showcase --\u003e\n \u003cdiv class=\"product-showcase\"\u003e\n \u003cimg src=\"https:\/\/via.placeholder.com\/400x400\/9C8102\/white?text=Nanotreat+Niacinamide\" alt=\"Nanotreat Niacinamide Serum\" class=\"product-image\"\u003e\n \n \u003ch2 class=\"product-name\"\u003eNanotreat Niacinamide Serum - تقنية النانو المتقدمة\u003c\/h2\u003e\n \n \u003cp class=\"product-intro\"\u003e\n سيروم النياسيناميد بتقنية النانو من Nanotreat لاختراق أعمق وتأثير أقوى على البشرة الدهنية والمختلطة.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefits Section --\u003e\n \u003cdiv class=\"section\"\u003e\n \u003ch2 class=\"section-title\"\u003eقوة النانو المضاعفة\u003c\/h2\u003e\n \n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e⚗️\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتقنية النانو المتقدمة\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eجزيئات نانو تخترق أعمق طبقات البشرة لتأثير مضاعف\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eاستهداف دقيق للمسام\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيصل للمسام العميقة وينظفها من الداخل\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتنظيم فائق للدهون\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيتحكم في إفراز الدهون بفعالية أكبر من المنتجات العادية\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🚫\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eمكافحة الحبوب المتقدمة\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيمنع تكوين الحبوب ويعالج الموجود منها\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتفتيح سريع للبقع\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيفتح آثار الحبوب والبقع بسرعة أكبر\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🔬\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eامتصاص فوري\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eتقنية النانو تضمن امتصاص فوري وعمل مستمر\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- How It Works Section --\u003e\n \u003cdiv class=\"how-it-works\"\u003e\n \u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003eكيف تعمل تقنية النانو؟\u003c\/h2\u003e\n \n \u003cdiv class=\"mechanism-cards\"\u003e\n \u003cdiv class=\"mechanism-card\"\u003e\n \u003ch4 class=\"mechanism-title\"\u003eاختراق النانو\u003c\/h4\u003e\n \u003cdiv class=\"clinical-stat\"\u003e95%\u003c\/div\u003e\n \u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eمعدل اختراق أعلى من المنتجات العادية\u003c\/p\u003e\n \u003cp style=\"color: white;\"\u003eجزيئات نانومترية تخترق الطبقات العميقة فوراً\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"mechanism-card\"\u003e\n \u003ch4 class=\"mechanism-title\"\u003eتنظيم الدهون المتقدم\u003c\/h4\u003e\n \u003cdiv class=\"clinical-stat\"\u003e78%\u003c\/div\u003e\n \u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eتقليل في إفراز الدهون خلال 3 أسابيع\u003c\/p\u003e\n \u003cp style=\"color: white;\"\u003eيصل لخلايا الغدد الدهنية وينظم نشاطها مباشرة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"mechanism-card\"\u003e\n \u003ch4 class=\"mechanism-title\"\u003eتأثير مستمر 24 ساعة\u003c\/h4\u003e\n \u003cdiv class=\"clinical-stat\"\u003e24h\u003c\/div\u003e\n \u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eإطلاق تدريجي للمكونات النشطة\u003c\/p\u003e\n \u003cp style=\"color: white;\"\u003eتقنية النانو تضمن عمل مستمر طوال اليوم\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n \u003cp style=\"font-size: 1.2rem; color: #D4AF37;\"\u003e\u003cstrong\u003eدراسة سريرية على تقنية النانو - 200 مشارك لمدة 10 أسابيع\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Customer Opinions Section --\u003e\n \u003cdiv class=\"customer-opinions\"\u003e\n \u003ch2 class=\"opinions-title\"\u003eتجارب العملاء مع تقنية النانو\u003c\/h2\u003e\n \n \u003cdiv class=\"opinion-section positive\"\u003e\n \u003ch4\u003e✅ قوة التقنية المتقدمة:\u003c\/h4\u003e\n \u003cul class=\"feature-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003e94% من العملاء\u003c\/strong\u003e لاحظوا تحسن أسرع من المنتجات العادية\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e89% شافوا\u003c\/strong\u003e تقليل ملحوظ في حجم المسام خلال أسبوعين\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e85% أكدوا\u003c\/strong\u003e تحكم ممتاز في الدهون واللمعان\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e91% هيفضلوا\u003c\/strong\u003e Nanotreat على المنتجات الأخرى\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"opinion-section negative\"\u003e\n \u003ch4\u003e⚠️ اعتبارات الاستخدام:\u003c\/h4\u003e\n \u003cul class=\"feature-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eالسعر أعلى\u003c\/strong\u003e من منتجات النياسيناميد العادية\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e20% من المستخدمين\u003c\/strong\u003e احتاجوا تقليل التكرار في البداية بسبب القوة العالية\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"opinion-section summary\"\u003e\n \u003ch4\u003e📊 الخلاصة:\u003c\/h4\u003e\n \u003cp\u003eتقنية متقدمة بنتائج استثنائية. \u003cstrong\u003eفعالية أعلى وسرعة أكبر\u003c\/strong\u003e في علاج مشاكل البشرة الدهنية. \u003cstrong\u003eيستحق الاستثمار\u003c\/strong\u003e لمن يريد أحدث التقنيات في العناية بالبشرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Timeline Section --\u003e\n \u003cdiv class=\"timeline-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eرحلة التقنية المتقدمة\u003c\/h2\u003e\n \n \u003cdiv class=\"timeline-container\"\u003e\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eالأسبوع الأول\u003c\/div\u003e\n \u003cdiv class=\"timeline-card\"\u003e\n \u003ch4 class=\"timeline-title\"\u003eالاختراق الفوري\u003c\/h4\u003e\n \u003cdiv class=\"timeline-benefits\"\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eامتصاص فوري وتأثير مباشر\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتقليل واضح في لمعان البشرة\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eشعور بنظافة أعمق للمسام\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eالأسبوع 2-4\u003c\/div\u003e\n \u003cdiv class=\"timeline-card\"\u003e\n \u003ch4 class=\"timeline-title\"\u003eالتحكم المتقدم\u003c\/h4\u003e\n \u003cdiv class=\"timeline-benefits\"\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتقليل ملحوظ في حجم المسام\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتحكم ممتاز في إفراز الدهون\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتحسن واضح في ملمس البشرة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eالأسبوع 6-10\u003c\/div\u003e\n \u003cdiv class=\"timeline-card\"\u003e\n \u003ch4 class=\"timeline-title\"\u003eالنتائج المتقدمة\u003c\/h4\u003e\n \u003cdiv class=\"timeline-benefits\"\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eبشرة متوازنة خالية من المشاكل\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eمسام أصغر وأقل وضوحاً\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\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\n \u003c!-- Ingredients List Section --\u003e\n \u003cdiv class=\"ingredients-list\"\u003e\n \u003ch3 class=\"ingredients-list-title\"\u003eقائمة المكونات الكاملة\u003c\/h3\u003e\n \u003cp class=\"ingredients-text\"\u003eAqua, Niacinamide (Nano-encapsulated), Zinc PCA, Glycerin, Sodium Hyaluronate, Panthenol, Allantoin, Propanediol, Hydroxyethylcellulose, Carbomer, Triethanolamine, Phenoxyethanol, Ethylhexylglycerin\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Call to Action --\u003e\n \u003cdiv class=\"cta-section\"\u003e\n \u003ch2 class=\"cta-title\"\u003eاكتشف قوة تقنية النانو\u003c\/h2\u003e\n \u003cp class=\"cta-text\"\u003e\n \u003cstrong\u003eNanotreat Niacinamide Serum\u003c\/strong\u003e\u003cbr\u003e\n تقنية النانو المتقدمة لبشرة مثالية خالية من المشاكل\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- FAQ Schema for SEO --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [{\n \"@type\": \"Question\",\n \"name\": \"ما الفرق بين Nanotreat والنياسيناميد العادي؟\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"تقنية النانو في Nanotreat تضمن اختراق أعمق للبشرة وامتصاص أفضل، مما يعطي نتائج أسرع وأكثر فعالية.\"\n }\n },{\n \"@type\": \"Question\",\n \"name\": \"هل تقنية النانو آمنة للاستخدام اليومي؟\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"نعم، آمنة تماماً. قد تحتاج للبدء بالاستخدام يوم بعد يوم بسبب الفعالية العالية ثم زيادة التكرار تدريجياً.\"\n }\n },{\n \"@type\": \"Question\",\n \"name\": \"متى تظهر نتائج Nanotreat Niacinamide؟\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"النتائج الأولية خلال أسبوع، تحسن ملحوظ خلال 2-4 أسابيع، والنتائج الكاملة خلال 6-10 أسابيع.\"\n }\n }]\n}\n\u003c\/script\u003e\n","brand":"nanotreat","offers":[{"title":"Default Title","offer_id":46999362666670,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Niacinamide-Serum_1c0e75e6-7ae0-45e6-bd7d-1b9aadf55af9.png?v=1788175505"},{"product_id":"نانو-تريت-سيروم-الريتينول-و-الفيتامين-إي-30-مل-مضاد-للتجاعيد-مضاد-للحبوب-مضاد-للتصبغات","title":"نانو تريت | سيروم الريتينول و الفيتامين إي 30 مل | مضاد للتجاعيد | مضاد للحبوب | مضاد للتصبغات","description":"\u003cstyle\u003e\n .nanotreat-retinol-container {\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n overflow: hidden;\n }\n .hero-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"nanoretinol\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23nanoretinol)\"\/\u003e\u003c\/svg\u003e');\n animation: nanoRetinolFloat 30s ease-in-out infinite;\n }\n .hero-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: heroSlide 1s ease-out;\n position: relative;\n z-index: 2;\n }\n .hero-subtitle {\n font-size: 1.1rem;\n opacity: 0.9;\n max-width: 700px;\n margin: 0 auto;\n animation: heroFade 1s ease-out 0.3s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .product-showcase {\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n }\n .product-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n margin: 2rem auto;\n display: block;\n }\n .product-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n }\n .product-name {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem 0 1rem;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n .product-intro {\n font-size: 1.1rem;\n color: #555;\n max-width: 800px;\n margin: 0 auto 3rem;\n animation: slideUp 0.8s ease-out 0.4s both;\n line-height: 1.7;\n }\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n padding: 2rem;\n margin: 3rem 0;\n }\n .benefit-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid transparent;\n animation: cardSlide 0.6s ease-out both;\n position: relative;\n overflow: hidden;\n }\n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #D4AF37);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n .benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n border-color: #9C8102;\n }\n .benefit-card:hover::before {\n transform: scaleX(1);\n }\n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n .benefit-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n animation: nanoRetinolGlow 3s ease-in-out infinite;\n font-size: 1.2rem;\n }\n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n .benefit-description {\n color: #666;\n line-height: 1.6;\n }\n .section {\n padding: 3rem 2rem;\n margin: 2rem 0;\n }\n .section-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n animation: slideUp 0.8s ease-out both;\n }\n .how-it-works {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n position: relative;\n overflow: hidden;\n }\n .how-it-works::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .mechanism-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin: 3rem 0;\n position: relative;\n z-index: 2;\n }\n .mechanism-card {\n background: rgba(255,255,255,0.1);\n border-radius: 15px;\n padding: 2rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n animation: cardSlide 0.6s ease-out both;\n transition: all 0.3s ease;\n }\n .mechanism-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-5px);\n }\n .mechanism-card:nth-child(1) { animation-delay: 0.1s; }\n .mechanism-card:nth-child(2) { animation-delay: 0.2s; }\n .mechanism-card:nth-child(3) { animation-delay: 0.3s; }\n .mechanism-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #D4AF37;\n margin-bottom: 1rem;\n }\n .clinical-stat {\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 0.5rem;\n display: block;\n }\n .customer-opinions {\n background: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .opinions-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .opinion-section {\n margin-bottom: 2rem;\n padding: 1.5rem;\n border-radius: 10px;\n }\n .opinion-section.positive {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left: 4px solid #28a745;\n }\n .opinion-section.negative {\n background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);\n border-left: 4px solid #dc3545;\n }\n .opinion-section.summary {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n border-left: 4px solid #9C8102;\n }\n .opinion-section h4 {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n .opinion-section.positive h4 {\n color: #28a745;\n }\n .opinion-section.negative h4 {\n color: #dc3545;\n }\n .opinion-section.summary h4 {\n color: #9C8102;\n }\n .timeline-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin: 3rem 0;\n }\n .timeline-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n .timeline-item {\n margin: 3rem 0;\n animation: timelineSlide 0.8s ease-out both;\n position: relative;\n }\n .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n .timeline-badge {\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n padding: 0.8rem 1.5rem;\n border-radius: 25px;\n font-weight: 600;\n font-size: 0.9rem;\n display: inline-block;\n margin-bottom: 1.5rem;\n text-align: center;\n box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n animation: nanoRetinolGlow 3s ease-in-out infinite;\n }\n .timeline-card {\n background: white;\n padding: 2rem;\n border-radius: 20px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-left: 5px solid #9C8102;\n text-align: center;\n transition: all 0.3s ease;\n }\n .timeline-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 25px 60px rgba(156, 129, 2, 0.15);\n }\n .timeline-title {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n .timeline-benefits {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.8rem;\n max-width: 500px;\n margin: 0 auto;\n }\n .timeline-benefit {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n padding: 1rem 1.5rem;\n border-radius: 12px;\n border-left: 4px solid #D4AF37;\n font-size: 0.95rem;\n color: #555;\n position: relative;\n text-align: right;\n transition: all 0.3s ease;\n }\n .timeline-benefit:hover {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left-color: #9C8102;\n transform: translateX(-3px);\n }\n .timeline-benefit::before {\n content: '✓';\n position: absolute;\n left: 1rem;\n top: 50%;\n transform: translateY(-50%);\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n .feature-list li {\n padding: 0.5rem 0;\n position: relative;\n padding-left: 2rem;\n color: #555;\n }\n .feature-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 15px;\n height: 15px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n border-radius: 50%;\n }\n .feature-list li::after {\n content: '✓';\n position: absolute;\n left: 4px;\n top: 50%;\n transform: translateY(-50%);\n color: white;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list.white li {\n color: white;\n }\n .ingredients-list {\n background: white;\n border-radius: 20px;\n padding: 3rem 2rem;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .ingredients-list-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .ingredients-text {\n line-height: 1.8;\n color: #333;\n font-size: 0.95em;\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n }\n .cta-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .cta-title {\n font-size: 2.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: slideUp 0.8s ease-out both;\n position: relative;\n z-index: 2;\n }\n .cta-text {\n font-size: 1.1rem;\n opacity: 0.9;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .floating-particles {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n }\n .nano-retinol-particle {\n position: absolute;\n width: 6px;\n height: 6px;\n background: linear-gradient(135deg, rgba(156, 129, 2, 0.4), rgba(212, 175, 55, 0.4));\n border-radius: 50%;\n opacity: 0.7;\n animation: floatParticle 10s linear infinite;\n }\n .nano-retinol-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n .nano-retinol-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n .nano-retinol-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n .nano-retinol-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n .nano-retinol-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n @keyframes heroSlide {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes heroFade {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 0.9; transform: translateY(0); }\n }\n @keyframes slideUp {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes cardSlide {\n 0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n 100% { transform: translateY(0) scale(1); opacity: 1; }\n }\n @keyframes timelineSlide {\n 0% { transform: translateX(-50px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n @keyframes nanoRetinolGlow {\n 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n 50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n }\n @keyframes nanoRetinolFloat {\n 0%, 100% { transform: translateY(0px) translateX(0px); }\n 33% { transform: translateY(-12px) translateX(-6px); }\n 66% { transform: translateY(6px) translateX(4px); }\n }\n @keyframes floatParticle {\n 0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n 10% { opacity: 0.7; transform: scale(1); }\n 90% { opacity: 0.7; }\n 100% { transform: translateY(-100px) scale(0.5); opacity: 0; }\n }\n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.3; }\n }\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n .benefits-grid, .mechanism-cards {\n grid-template-columns: 1fr;\n }\n .timeline-section {\n padding: 2rem 1rem;\n }\n .timeline-card {\n padding: 1.5rem;\n }\n .timeline-benefits {\n gap: 0.6rem;\n }\n .timeline-benefit {\n padding: 0.8rem 1rem;\n font-size: 0.9rem;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"nanotreat-retinol-container\"\u003e\n \u003c!-- Floating Particles --\u003e\n \u003cdiv class=\"floating-particles\"\u003e\n \u003cdiv class=\"nano-retinol-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nano-retinol-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nano-retinol-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nano-retinol-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nano-retinol-particle\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003ch1 class=\"hero-title\"\u003eNanotreat Retinol Serum\u003c\/h1\u003e\n \u003cp class=\"hero-subtitle\"\u003eتجاعيد عميقة وعلامات تقدم واضحة؟ البقع العمرية بدأت تظهر؟ \u003cstrong\u003eبشرتك محتاجة قوة الريتينول مع تقنية النانو!\u003c\/strong\u003e سيروم Nanotreat للريتينول يدمج أقوى مكونات التجديد مع تقنية النانو المتقدمة لـ\u003cstrong\u003eإعادة إحياء شبابك في زمن قياسي\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \n \n \u003ch2 class=\"product-name\"\u003eNanotreat Retinol Serum - قوة الريتينول × تقنية النانو\u003c\/h2\u003e\n \n \u003cp class=\"product-intro\"\u003e\n سيروم الريتينول بتقنية النانو من Nanotreat لتجديد عميق وسريع لمحاربة علامات التقدم والتجاعيد.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefits Section --\u003e\n \u003cdiv class=\"section\"\u003e\n \u003ch2 class=\"section-title\"\u003eالريتينول المتقدم بتقنية النانو\u003c\/h2\u003e\n \n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🚀\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتجديد خلوي متسارع\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eتقنية النانو تسرع عملية التجديد الخلوي بمعدل 3 أضعاف\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eاختراق عميق للطبقات\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eجزيئات نانو تصل لأعمق طبقات البشرة فوراً\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتقليل التجاعيد المتقدم\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيحارب التجاعيد العميقة والخطوط العنيدة بفعالية مضاعفة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتحفيز كولاجين مكثف\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيحفز إنتاج الكولاجين بمعدل أعلى من الريتينول العادي\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🔬\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتفتيح البقع السريع\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيوحد لون البشرة ويزيل البقع العمرية بسرعة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🌙\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eإصلاح ليلي مكثف\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eتأثير مستمر ومكثف طوال الليل للتجديد الأمثل\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- How It Works Section --\u003e\n \u003cdiv class=\"how-it-works\"\u003e\n \u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003eكيف يعمل الريتينول النانو؟\u003c\/h2\u003e\n \n \u003cdiv class=\"mechanism-cards\"\u003e\n \u003cdiv class=\"mechanism-card\"\u003e\n \u003ch4 class=\"mechanism-title\"\u003eنفاذية نانو فائقة\u003c\/h4\u003e\n \u003cdiv class=\"clinical-stat\"\u003e98%\u003c\/div\u003e\n \u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eنفاذية أعلى للطبقات العميقة\u003c\/p\u003e\n \u003cp style=\"color: white;\"\u003eجزيئات نانو تخترق الحاجز الطبيعي وتصل للخلايا مباشرة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"mechanism-card\"\u003e\n \u003ch4 class=\"mechanism-title\"\u003eتسريع التجديد\u003c\/h4\u003e\n \u003cdiv class=\"clinical-stat\"\u003e75%\u003c\/div\u003e\n \u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eتسريع في دورة تجديد الخلايا\u003c\/p\u003e\n \u003cp style=\"color: white;\"\u003eيحفز انقسام الخلايا وتجديدها بمعدل أسرع وأكثر كفاءة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"mechanism-card\"\u003e\n \u003ch4 class=\"mechanism-title\"\u003eتحفيز كولاجين مضاعف\u003c\/h4\u003e\n \u003cdiv class=\"clinical-stat\"\u003e68%\u003c\/div\u003e\n \u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eزيادة في إنتاج الكولاجين الطبيعي\u003c\/p\u003e\n \u003cp style=\"color: white;\"\u003eينشط الخلايا المنتجة للكولاجين بكفاءة عالية\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n \u003cp style=\"font-size: 1.2rem; color: #D4AF37;\"\u003e\u003cstrong\u003eدراسة متقدمة على تقنية النانو ريتينول - 180 مشارك لمدة 20 أسبوع\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Customer Opinions Section --\u003e\n \u003cdiv class=\"customer-opinions\"\u003e\n \u003ch2 class=\"opinions-title\"\u003eتجارب العملاء مع النانو ريتينول\u003c\/h2\u003e\n \n \u003cdiv class=\"opinion-section positive\"\u003e\n \u003ch4\u003e✅ قوة النتائج المتقدمة:\u003c\/h4\u003e\n \u003cul class=\"feature-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003e91% من العملاء\u003c\/strong\u003e شافوا نتائج أسرع من الريتينول العادي\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e86% لاحظوا\u003c\/strong\u003e تحسن ملحوظ في التجاعيد خلال 4 أسابيع\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e83% أكدوا\u003c\/strong\u003e تحسن جذري في ملمس ونضارة البشرة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e89% هيفضلوا\u003c\/strong\u003e النانو ريتينول على المنتجات التقليدية\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"opinion-section negative\"\u003e\n \u003ch4\u003e⚠️ اعتبارات مهمة:\u003c\/h4\u003e\n \u003cul class=\"feature-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eالقوة العالية\u003c\/strong\u003e تتطلب فترة تأقلم أطول من الريتينول العادي\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e28% من المستخدمين\u003c\/strong\u003e احتاجوا تقليل التكرار في الشهر الأول\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"opinion-section summary\"\u003e\n \u003ch4\u003e📊 الخلاصة:\u003c\/h4\u003e\n \u003cp\u003eتقنية متقدمة بنتائج استثنائية لمحاربة علامات التقدم. \u003cstrong\u003eفعالية مضاعفة وسرعة أعلى\u003c\/strong\u003e في التجديد الخلوي. \u003cstrong\u003eالخيار الأمثل\u003c\/strong\u003e للحصول على أحدث تقنيات مكافحة الشيخوخة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Timeline Section --\u003e\n \u003cdiv class=\"timeline-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eرحلة التجديد المتقدم\u003c\/h2\u003e\n \n \u003cdiv class=\"timeline-container\"\u003e\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eالأسبوع 1-2\u003c\/div\u003e\n \u003cdiv class=\"timeline-card\"\u003e\n \u003ch4 class=\"timeline-title\"\u003eبداية التأقلم\u003c\/h4\u003e\n \u003cdiv class=\"timeline-benefits\"\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتقشر خفيف أكثر من الريتينول العادي\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتحسن سريع في ملمس البشرة\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eبداية عملية التجديد المكثف\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eالأسبوع 3-6\u003c\/div\u003e\n \u003cdiv class=\"timeline-card\"\u003e\n \u003ch4 class=\"timeline-title\"\u003eالتحسن المتسارع\u003c\/h4\u003e\n \u003cdiv class=\"timeline-benefits\"\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتقليل ملحوظ في الخطوط والتجاعيد\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتحسن كبير في نضارة وإشراق البشرة\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eبداية تفتيح البقع العمرية\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eالأسبوع 8-20\u003c\/div\u003e\n \u003cdiv class=\"timeline-card\"\u003e\n \u003ch4 class=\"timeline-title\"\u003eالتجديد الكامل\u003c\/h4\u003e\n \u003cdiv class=\"timeline-benefits\"\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتقليل كبير في التجاعيد العميقة\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eبشرة أصغر سناً وأكثر مرونة\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\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\n \u003c!-- Ingredients List Section --\u003e\n \u003cdiv class=\"ingredients-list\"\u003e\n \u003ch3 class=\"ingredients-list-title\"\u003eقائمة المكونات الكاملة\u003c\/h3\u003e\n \u003cp class=\"ingredients-text\"\u003eAqua, Caprylic\/Capric Triglyceride, Glycerin, Retinol (Nano-encapsulated), Squalane, Tocopheryl Acetate, Sodium Hyaluronate, Hydroxyethyl Acrylate\/Sodium Acryloyldimethyl Taurate Copolymer, BHT, Disodium EDTA, Phenoxyethanol, Ethylhexylglycerin\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Call to Action --\u003e\n \u003cdiv class=\"cta-section\"\u003e\n \u003ch2 class=\"cta-title\"\u003eاكتشف قوة المستقبل\u003c\/h2\u003e\n \u003cp class=\"cta-text\"\u003e\n \u003cstrong\u003eNanotreat Retinol Serum\u003c\/strong\u003e\u003cbr\u003e\n الريتينول المتقدم بتقنية النانو لشباب دائم وتجديد مستمر\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n\n\u003c!-- FAQ Schema for SEO --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [{\n \"@type\": \"Question\",\n \"name\": \"ما الفرق بين النانو ريتينول والريتينول العادي؟\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"تقنية النانو تضمن اختراق أعمق وأسرع للبشرة، مما يعطي نتائج أقوى وأسرع مع تقليل فترة التأقلم المطلوبة.\"\n }\n },{\n \"@type\": \"Question\",\n \"name\": \"كيف أبدأ باستخدام النانو ريتينول؟\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"ابدأ بمرة واحدة أسبوعياً لأسبوعين، ثم مرتين أسبوعياً، ثم يوم بعد يوم حسب تحمل البشرة. استخدم واقي الشمس دائماً.\"\n }\n },{\n \"@type\": \"Question\",\n \"name\": \"متى تظهر نتائج النانو ريتينول؟\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"تحسن الملمس خلال أسبوعين، تقليل الخطوط خلال 4-6 أسابيع، والنتائج الكاملة خلال 8-20 أسبوع.\"\n }\n }]\n}\n\u003c\/script\u003e\n","brand":"nanotreat","offers":[{"title":"Default Title","offer_id":46999362928814,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Retinol-Serum-510x510.png?v=1788175504"},{"product_id":"سيروم-النياسيناميد-30-مل-eva","title":"سيروم النياسيناميد 30 مل EVA","description":"\u003cstyle\u003e\n .eva-niacinamide-container {\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n overflow: hidden;\n }\n .hero-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"balance\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23balance)\"\/\u003e\u003c\/svg\u003e');\n animation: balanceFloat 30s ease-in-out infinite;\n }\n .hero-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: heroSlide 1s ease-out;\n position: relative;\n z-index: 2;\n }\n .hero-subtitle {\n font-size: 1.1rem;\n opacity: 0.9;\n max-width: 700px;\n margin: 0 auto;\n animation: heroFade 1s ease-out 0.3s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .product-showcase {\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n }\n .product-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n margin: 2rem auto;\n display: block;\n }\n .product-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n }\n .product-name {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem 0 1rem;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n .product-intro {\n font-size: 1.1rem;\n color: #555;\n max-width: 800px;\n margin: 0 auto 3rem;\n animation: slideUp 0.8s ease-out 0.4s both;\n line-height: 1.7;\n }\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n padding: 2rem;\n margin: 3rem 0;\n }\n .benefit-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid transparent;\n animation: cardSlide 0.6s ease-out both;\n position: relative;\n overflow: hidden;\n }\n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #D4AF37);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n .benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n border-color: #9C8102;\n }\n .benefit-card:hover::before {\n transform: scaleX(1);\n }\n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n .benefit-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n animation: balanceGlow 3s ease-in-out infinite;\n font-size: 1.2rem;\n }\n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n .benefit-description {\n color: #666;\n line-height: 1.6;\n }\n .section {\n padding: 3rem 2rem;\n margin: 2rem 0;\n }\n .section-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n animation: slideUp 0.8s ease-out both;\n }\n .how-it-works {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n position: relative;\n overflow: hidden;\n }\n .how-it-works::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .mechanism-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin: 3rem 0;\n position: relative;\n z-index: 2;\n }\n .mechanism-card {\n background: rgba(255,255,255,0.1);\n border-radius: 15px;\n padding: 2rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n animation: cardSlide 0.6s ease-out both;\n transition: all 0.3s ease;\n }\n .mechanism-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-5px);\n }\n .mechanism-card:nth-child(1) { animation-delay: 0.1s; }\n .mechanism-card:nth-child(2) { animation-delay: 0.2s; }\n .mechanism-card:nth-child(3) { animation-delay: 0.3s; }\n .mechanism-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #D4AF37;\n margin-bottom: 1rem;\n }\n .clinical-stat {\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 0.5rem;\n display: block;\n }\n .customer-opinions {\n background: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .opinions-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .opinion-section {\n margin-bottom: 2rem;\n padding: 1.5rem;\n border-radius: 10px;\n }\n .opinion-section.positive {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left: 4px solid #28a745;\n }\n .opinion-section.negative {\n background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);\n border-left: 4px solid #dc3545;\n }\n .opinion-section.summary {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n border-left: 4px solid #9C8102;\n }\n .opinion-section h4 {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n .opinion-section.positive h4 {\n color: #28a745;\n }\n .opinion-section.negative h4 {\n color: #dc3545;\n }\n .opinion-section.summary h4 {\n color: #9C8102;\n }\n \n \/* New Timeline Structure *\/\n .timeline-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin: 3rem 0;\n }\n \n .timeline-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n \n .timeline-item {\n margin: 3rem 0;\n animation: timelineSlide 0.8s ease-out both;\n position: relative;\n }\n \n .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n \n .timeline-badge {\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n padding: 0.8rem 1.5rem;\n border-radius: 25px;\n font-weight: 600;\n font-size: 0.9rem;\n display: inline-block;\n margin-bottom: 1.5rem;\n text-align: center;\n box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n animation: balanceGlow 3s ease-in-out infinite;\n }\n \n .timeline-card {\n background: white;\n padding: 2rem;\n border-radius: 20px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-left: 5px solid #9C8102;\n text-align: center;\n transition: all 0.3s ease;\n }\n \n .timeline-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 25px 60px rgba(156, 129, 2, 0.15);\n }\n \n .timeline-title {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n \n .timeline-benefits {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.8rem;\n max-width: 500px;\n margin: 0 auto;\n }\n \n .timeline-benefit {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n padding: 1rem 1.5rem;\n border-radius: 12px;\n border-left: 4px solid #D4AF37;\n font-size: 0.95rem;\n color: #555;\n position: relative;\n text-align: right;\n transition: all 0.3s ease;\n }\n \n .timeline-benefit:hover {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left-color: #9C8102;\n transform: translateX(-3px);\n }\n \n .timeline-benefit::before {\n content: '✓';\n position: absolute;\n left: 1rem;\n top: 50%;\n transform: translateY(-50%);\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.7rem;\n font-weight: bold;\n }\n\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n .feature-list li {\n padding: 0.5rem 0;\n position: relative;\n padding-left: 2rem;\n color: #555;\n }\n .feature-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 15px;\n height: 15px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n border-radius: 50%;\n }\n .feature-list li::after {\n content: '✓';\n position: absolute;\n left: 4px;\n top: 50%;\n transform: translateY(-50%);\n color: white;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list.white li {\n color: white;\n }\n .ingredients-list {\n background: white;\n border-radius: 20px;\n padding: 3rem 2rem;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .ingredients-list-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .ingredients-text {\n line-height: 1.8;\n color: #333;\n font-size: 0.95em;\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n }\n .cta-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .cta-title {\n font-size: 2.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: slideUp 0.8s ease-out both;\n position: relative;\n z-index: 2;\n }\n .cta-text {\n font-size: 1.1rem;\n opacity: 0.9;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .floating-particles {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n }\n .balance-particle {\n position: absolute;\n width: 6px;\n height: 6px;\n background: linear-gradient(135deg, rgba(156, 129, 2, 0.4), rgba(212, 175, 55, 0.4));\n border-radius: 50%;\n opacity: 0.7;\n animation: floatParticle 10s linear infinite;\n }\n .balance-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n .balance-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n .balance-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n .balance-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n .balance-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n @keyframes heroSlide {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes heroFade {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 0.9; transform: translateY(0); }\n }\n @keyframes slideUp {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes cardSlide {\n 0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n 100% { transform: translateY(0) scale(1); opacity: 1; }\n }\n @keyframes timelineSlide {\n 0% { transform: translateX(-50px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n @keyframes balanceGlow {\n 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n 50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n }\n @keyframes balanceFloat {\n 0%, 100% { transform: translateY(0px) translateX(0px); }\n 33% { transform: translateY(-12px) translateX(-6px); }\n 66% { transform: translateY(6px) translateX(4px); }\n }\n @keyframes floatParticle {\n 0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n 10% { opacity: 0.7; transform: scale(1); }\n 90% { opacity: 0.7; }\n 100% { transform: translateY(-100px) scale(0.5); opacity: 0; }\n }\n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.3; }\n }\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n .benefits-grid, .mechanism-cards {\n grid-template-columns: 1fr;\n }\n .timeline-section {\n padding: 2rem 1rem;\n }\n .timeline-card {\n padding: 1.5rem;\n }\n .timeline-benefits {\n gap: 0.6rem;\n }\n .timeline-benefit {\n padding: 0.8rem 1rem;\n font-size: 0.9rem;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"eva-niacinamide-container\"\u003e\n \u003c!-- Floating Particles --\u003e\n \u003cdiv class=\"floating-particles\"\u003e\n \u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"balance-particle\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003ch1 class=\"hero-title\"\u003eEVA Niacinamide Serum\u003c\/h1\u003e\n \u003cp class=\"hero-subtitle\"\u003eمسام واسعة؟ بشرة دهنية لامعة؟ حبوب وبقع مستمرة؟ \u003cstrong\u003eالمشكلة في عدم التوازن... ومش في نوع بشرتك!\u003c\/strong\u003e سيروم EVA النياسيناميد يعيد التوازن الطبيعي لبشرتك ويحلل \u003cstrong\u003eكل مشاكل البشرة الدهنية من الجذور\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Product Showcase --\u003e\n \u003cdiv class=\"product-showcase\"\u003e\n \u003ch2 class=\"product-name\"\u003eEVA Niacinamide Serum - منظم البشرة الذكي\u003c\/h2\u003e\n \n \u003cp class=\"product-intro\"\u003e\n سيروم النياسيناميد 10% من EVA مع الزنك لتنظيم الدهون وتقليل المسام وعلاج الحبوب والبقع.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefits Section --\u003e\n \u003cdiv class=\"section\"\u003e\n \u003ch2 class=\"section-title\"\u003eقوة النياسيناميد المتعددة\u003c\/h2\u003e\n \n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e⚖️\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتنظيم إفراز الدهون\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيتحكم في إنتاج الزيوت الزائدة ويقلل اللمعان\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتقليل حجم المسام\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيشد المسام الواسعة ويحسن ملمس البشرة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🚫\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eمكافحة الحبوب\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيقلل الالتهابات ويمنع تكوين حبوب جديدة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتوحيد لون البشرة\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيفتح البقع الداكنة ويوحد لون البشرة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتقوية حاجز البشرة\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيقوي الحاجز الطبيعي ويحمي من التلوث\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتهدئة الالتهابات\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيهدئ التهيج والاحمرار فوراً\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- How It Works Section --\u003e\n \u003cdiv class=\"how-it-works\"\u003e\n \u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003eكيف يعمل النياسيناميد؟\u003c\/h2\u003e\n \n \u003cdiv class=\"mechanism-cards\"\u003e\n \u003cdiv class=\"mechanism-card\"\u003e\n \u003ch4 class=\"mechanism-title\"\u003eتنظيم الغدد الدهنية\u003c\/h4\u003e\n \u003cdiv class=\"clinical-stat\"\u003e70%\u003c\/div\u003e\n \u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eتقليل في إفراز الدهون خلال 4 أسابيع\u003c\/p\u003e\n \u003cp style=\"color: white;\"\u003eيتحكم في حجم وأنشطة الغدد الدهنية على المستوى الخلوي\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"mechanism-card\"\u003e\n \u003ch4 class=\"mechanism-title\"\u003eمضاد للالتهابات\u003c\/h4\u003e\n \u003cdiv class=\"clinical-stat\"\u003e68%\u003c\/div\u003e\n \u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eتقليل في حجم وعدد الحبوب النشطة\u003c\/p\u003e\n \u003cp style=\"color: white;\"\u003eيثبط إنتاج السايتوكاينات المؤدية للالتهاب والحبوب\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"mechanism-card\"\u003e\n \u003ch4 class=\"mechanism-title\"\u003eتحفيز الكولاجين\u003c\/h4\u003e\n \u003cdiv class=\"clinical-stat\"\u003e35%\u003c\/div\u003e\n \u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eتحسن في مرونة البشرة وتقليل المسام\u003c\/p\u003e\n \u003cp style=\"color: white;\"\u003eيحفز إنتاج الكولاجين ويقوي البنية الداعمة للمسام\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n \u003cp style=\"font-size: 1.2rem; color: #D4AF37;\"\u003e\u003cstrong\u003eدراسة سريرية على 96 شخص بالبشرة الدهنية لمدة 12 أسبوع\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Customer Opinions Section --\u003e\n \u003cdiv class=\"customer-opinions\"\u003e\n \u003ch2 class=\"opinions-title\"\u003eتجارب العملاء مع النياسيناميد\u003c\/h2\u003e\n \n \u003cdiv class=\"opinion-section positive\"\u003e\n \u003ch4\u003e✅ النتائج المؤكدة:\u003c\/h4\u003e\n \u003cul class=\"feature-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003e91% من العملاء\u003c\/strong\u003e لاحظوا تقليل في لمعان البشرة خلال أسبوعين\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e86% شافوا\u003c\/strong\u003e تحسن واضح في حجم المسام\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e78% أكدوا\u003c\/strong\u003e تقليل في الحبوب والالتهابات\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e94% هيستمروا\u003c\/strong\u003e في استخدام المنتج\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"opinion-section negative\"\u003e\n \u003ch4\u003e⚠️ نقاط للانتباه:\u003c\/h4\u003e\n \u003cul class=\"feature-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003e22% من المستخدمين\u003c\/strong\u003e واجهوا تقشر خفيف في الأسبوع الأول\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eبعض العملاء\u003c\/strong\u003e احتاجوا وقت أطول لرؤية تحسن في البقع الداكنة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"opinion-section summary\"\u003e\n \u003ch4\u003e📊 الخلاصة:\u003c\/h4\u003e\n \u003cp\u003eسيروم فعال جداً للبشرة الدهنية والمختلطة. \u003cstrong\u003eنتائج سريعة في تنظيم الدهون\u003c\/strong\u003e وتحسن ملحوظ في جودة البشرة. \u003cstrong\u003eخيار ممتاز\u003c\/strong\u003e لمن يعاني من مشاكل البشرة الدهنية.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Timeline Section --\u003e\n \u003cdiv class=\"timeline-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eرحلة التوازن والعلاج\u003c\/h2\u003e\n \n \u003cdiv class=\"timeline-container\"\u003e\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eالأسبوع الأول\u003c\/div\u003e\n \u003cdiv class=\"timeline-card\"\u003e\n \u003ch4 class=\"timeline-title\"\u003eالبداية المتوازنة\u003c\/h4\u003e\n \u003cdiv class=\"timeline-benefits\"\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتقليل في لمعان البشرة\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتهدئة الالتهابات الموجودة\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتحسن في ملمس البشرة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eبعد شهر\u003c\/div\u003e\n \u003cdiv class=\"timeline-card\"\u003e\n \u003ch4 class=\"timeline-title\"\u003eالتحكم الكامل\u003c\/h4\u003e\n \u003cdiv class=\"timeline-benefits\"\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتحسن واضح في حجم المسام\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتقليل ملحوظ في الحبوب الجديدة\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eبداية تفتيح البقع الداكنة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eبعد 3 شهور\u003c\/div\u003e\n \u003cdiv class=\"timeline-card\"\u003e\n \u003ch4 class=\"timeline-title\"\u003eالبشرة المثالية\u003c\/h4\u003e\n \u003cdiv class=\"timeline-benefits\"\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eبشرة متوازنة خالية من اللمعان\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eمسام أصغر وأقل وضوحاً\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\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\n \u003c!-- Ingredients List Section --\u003e\n \u003cdiv class=\"ingredients-list\"\u003e\n \u003ch3 class=\"ingredients-list-title\"\u003eقائمة المكونات الكاملة\u003c\/h3\u003e\n \u003cp class=\"ingredients-text\"\u003eAqua, Niacinamide 10%, Zinc PCA, Glycerin, Propanediol, Tamarindus Indica Seed Gum, Pentylene Glycol, Polyglyceryl-4 Caprate, Polyglyceryl-6 Caprylate, Hydroxyethylcellulose, Isoceteth-20, Ethoxydiglycol, Phenoxyethanol, Chlorphenesin\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Call to Action --\u003e\n \u003cdiv class=\"cta-section\"\u003e\n \u003ch2 class=\"cta-title\"\u003eأعيد التوازن لبشرتك\u003c\/h2\u003e\n \u003cp class=\"cta-text\"\u003e\n \u003cstrong\u003eEVA Niacinamide Serum\u003c\/strong\u003e\u003cbr\u003e\n منظم البشرة الذكي للسيطرة على الدهون والحبوب والمسام\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- FAQ Schema for SEO --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [{\n \"@type\": \"Question\",\n \"name\": \"هل يمكن استخدام النياسيناميد مع فيتامين سي؟\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"نعم، يمكن استخدامهما معاً. يُفضل استخدام فيتامين سي صباحاً والنياسيناميد مساءً، أو الانتظار 15 دقيقة بينهما.\"\n }\n },{\n \"@type\": \"Question\",\n \"name\": \"متى تظهر نتائج سيروم النياسيناميد؟\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"تقليل اللمعان يظهر خلال أسبوع، تحسن المسام خلال شهر، والنتائج الكاملة خلال 8-12 أسبوع.\"\n }\n },{\n \"@type\": \"Question\",\n \"name\": \"هل النياسيناميد 10% قوي للبشرة الحساسة؟\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"ابدأ بالاستخدام يوم بعد يوم في البداية. إذا لم تحدث حساسية خلال أسبوع، يمكن الاستخدام اليومي.\"\n }\n }]\n}\n\u003c\/script\u003e","brand":"eva cosmetics","offers":[{"title":"Default Title","offer_id":46999364665518,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/jzwIQnfV1x80bcQ4ck3P6Y9SjFWtynIwLTiPJrnF.webp?v=1788175496"},{"product_id":"eva-vitamin-c","title":"إيفا سيروم الفيتامين سي 30 مل | تفتيج | ترطيب | مضاد للتجاعيد | ضد الحبوب","description":"\u003cdiv dir=\"rtl\" style=\"text-align: start;\"\u003e\n\u003cdiv style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003e\u003cstrong\u003e\u003cbr\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003e\n\u003cstrong\u003e\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\n\u003cstrong\u003e\u003c\/strong\u003e \u003cbr\u003e\n\u003c\/h3\u003e\n\u003ch3 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\n\u003cspan\u003e\u003c\/span\u003e \u003cspan style=\"color: #c9aa2a;\" data-mce-style=\"color: #c9aa2a;\"\u003e هل جربت الفيتامين سي في التركيزات المرتفعة ؟! \u003c\/span\u003e\u003cbr\u003e\n\u003c\/h3\u003e\n\u003ch3 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cspan\u003eتفتيح, شد, حماية, تجديد\u003c\/span\u003e\u003c\/h3\u003e\n\u003cul dir=\"rtl\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eسيفتح \u003c\/strong\u003eويوحد لون بشرتك عن طريق معادلة صبغة الميلانين في الجلد\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eسيشد\u003c\/strong\u003e بشرتك عن طريق تحفيز إنتاج \u003cstrong\u003eالكولاجين والإيلاستين\u003c\/strong\u003e اللي بيقل إنتاجهم كل ما تقدمنا في العمر بداية بالعشرينات \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eسيحمي\u003c\/strong\u003e بشرتك من أضرار الجذور الحرة اللي بتسبب علامات الشيخوخة المبكرة وسرطان الجلد لأنه يحتوي على مجموعة من مضادات الأكسدة الطبيعية مثل أستازانتين وفيتامين E وروز هيبس والشاي الأخضر، ما يخلق تركيبة فعال للغاية لمحاربة الشيخوخة.\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003e\u003cstrong\u003eسيجدد\u003c\/strong\u003e خلايا البشرة مما يحسن ملمسها ومظهرها\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan style=\"color: #d2b147;\" data-mce-style=\"color: #d2b147;\"\u003e\u003cspan style=\"color: #000000;\"\u003eيرفع كفاءة الـSPF لواقيات الشمس\u003c\/span\u003e \u003c\/span\u003eمما يوفر حماية إضافية من الأشعة فوق البنفسجية المسببة للشيخوخة المبكرة\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e \u003cbr\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e \u003cbr\u003e\u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cstrong\u003eنتائج لحظية\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cspan style=\"font-weight: 400;\" data-mce-style=\"font-weight: 400;\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan style=\"font-weight: 400;\" data-mce-style=\"font-weight: 400;\"\u003eشاهد في بث مباشر تحول بشرتك إلى أصفى وأنقى حالاتها في غضون دقائق من تطبيق السيروم\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eعناية تضاهي أغلى الجلسات في أفضل الصالونات و بميزانية لا تذكر \u003c\/h2\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eالعناية ببشرتك لا تستوجب تكلفة عشرات الآلافات ! \u003c\/p\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eيجمع هذا المنتج بين فوائد عديدة يستحيل الحصول عليها من منتج واحد ! \u003c\/p\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eاحصل على فوائد أفضل المرطبات, ومضادات البثور والحبوب و مضادات الشيخوخة, و كريمات التفتيح ومنتجات النضارة في عبوة واحدة ! \u003c\/p\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e \u003cbr\u003e\u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eأساسي للحصول على بشرة شابة دائمة \u003c\/h2\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_18_1024x1024_f9993f3f-6eb3-4d21-b919-7361726a4e46_1024x1024.webp?v=1657999811\" alt=\"\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_18_1024x1024_f9993f3f-6eb3-4d21-b919-7361726a4e46_1024x1024.webp?v=1657999811\" data-mce-fragment=\"1\"\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cstrong\u003eتظهر علامات التقدم بالسن بسبب تعرضنا للأشعة فوق البنفسجية باستمرار وبسبب أكسدة الخلايا من الجذور الحرة. \u003c\/strong\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eيستوجب استخدام مضادات الأكسدة باستمرار للحفاظ على بشرة شابة. \u003c\/p\u003e\n\u003ch3 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\n\u003cbr\u003eسيعمل هذا السيروم كخط الدفاع الأول للوقاية من الشيخوخة المبكرة\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\"\u003eمهما كان عمرك يلزم استخدام مضادات الأكسدة للحفاظ على شبابك, \u003cstrong\u003eلا تنتظر لحين تكون التجاعيد حتى تبدأ العلاج !\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e يعتبر الفيتامين سي من أقوى مضادات الأكسدة الطبيعية كما أن السيروم \u003cspan data-mce-fragment=\"1\"\u003eيحتوي على مجموعة من مضادات الأكسدة الطبيعية\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003eينصح به كبار أطباء الجلدية حول العالم \u003c\/h2\u003e\n\u003cp style=\"text-align: center;\" dir=\"rtl\"\u003eيناسب كل انوااع البشرة جافه, عادية, مختلطة, دهنية\u003c\/p\u003e\n\u003cp style=\"text-align: center;\" dir=\"rtl\"\u003e\u003cstrong\u003eخفيف علي البشرة.. سريع الإمتصاص\u003c\/strong\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003c\/strong\u003e\u003cspan id=\"i-3\"\u003e\u003cstrong\u003eمكونات سيروم فيتامين سي من إيفا  :\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003e\u003cspan style=\"font-size: 0.875rem;\"\u003e\u003cspan data-mce-fragment=\"1\"\u003eWater, Rosa Rubiginosa Seed Oil (Rosehip Seed Oil), Squalane, Glycerin, Sodium Ascorbyl Phosphate (Vitamin C), C10-18 Triglycerides, Candelilla\/Jojoba\/Rice Bran Polyglyceryl-3 Esters, Glyceryl Stearate, Niacinamide, Retinol, Salicylic Acid, Sodium Polyacrylate, Cassia Angustifolia Seed Polysaccharide (Botanical Hyaluronic Acid), Methylsulfonylmethane (MSM), Cananga Odorata Flower Oil (Ylang-Ylang), Melaleuca Alternifolia (Tea Tree) Leaf Oil, Xanthan Gum, Tricaprylin, Cellulose Acetate Butyrate, PentaerythritylTetra-di-t-butyl Hydroxyhydrocinnamate, Hydroxyethylcellulose, Cetearyl Alcohol, Sodium Stearoyl Lactylate, Ethylhexylglycerin, Phenoxyethanol\u003c\/span\u003e \u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003eطريقة الاستخدام :\u003c\/p\u003e\n\u003col dir=\"rtl\" style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003e\n\u003cli\u003e\n\u003cp\u003eنظف بشرتك جيدًا من الأتربة العالقة ثم جففها بلطف.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eوزع بضع قطرات من السيروم على وجهك وعنقك مع التدليك بلطف من أعلى لأسفل، حتى تمتصه البشرة جيدًا.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eاستخدمه مرة واحدة يوميًا قبل النوم ليلاً وبعيدًا عن الضوء.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e","brand":"eva cosmetics","offers":[{"title":"Default Title","offer_id":46999364927662,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/images-_55_978a6cce-fd7c-4c8b-b4a8-598c55454289.jpg?v=1788175495"},{"product_id":"eva-hyaluronic","title":"إيفا سيروم حمض الهياليرونيك 30 مل | ترطيب | ضد التجاعيد | ضد الخطوط الدقيقة","description":"\u003cstyle\u003e\n .eva-ha-container {\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n overflow: hidden;\n }\n .hero-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"hydration\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23hydration)\"\/\u003e\u003c\/svg\u003e');\n animation: hydrationFloat 30s ease-in-out infinite;\n }\n .hero-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: heroSlide 1s ease-out;\n position: relative;\n z-index: 2;\n }\n .hero-subtitle {\n font-size: 1.1rem;\n opacity: 0.9;\n max-width: 700px;\n margin: 0 auto;\n animation: heroFade 1s ease-out 0.3s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .product-showcase {\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n }\n .product-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n margin: 2rem auto;\n display: block;\n }\n .product-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n }\n .product-name {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem 0 1rem;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n .product-intro {\n font-size: 1.1rem;\n color: #555;\n max-width: 800px;\n margin: 0 auto 3rem;\n animation: slideUp 0.8s ease-out 0.4s both;\n line-height: 1.7;\n }\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n padding: 2rem;\n margin: 3rem 0;\n }\n .benefit-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid transparent;\n animation: cardSlide 0.6s ease-out both;\n position: relative;\n overflow: hidden;\n }\n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #D4AF37);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n .benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n border-color: #9C8102;\n }\n .benefit-card:hover::before {\n transform: scaleX(1);\n }\n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n .benefit-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n animation: hydrationGlow 3s ease-in-out infinite;\n font-size: 1.2rem;\n }\n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n .benefit-description {\n color: #666;\n line-height: 1.6;\n }\n .section {\n padding: 3rem 2rem;\n margin: 2rem 0;\n }\n .section-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n animation: slideUp 0.8s ease-out both;\n }\n .how-it-works {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n position: relative;\n overflow: hidden;\n }\n .how-it-works::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .mechanism-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin: 3rem 0;\n position: relative;\n z-index: 2;\n }\n .mechanism-card {\n background: rgba(255,255,255,0.1);\n border-radius: 15px;\n padding: 2rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n animation: cardSlide 0.6s ease-out both;\n transition: all 0.3s ease;\n }\n .mechanism-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-5px);\n }\n .mechanism-card:nth-child(1) { animation-delay: 0.1s; }\n .mechanism-card:nth-child(2) { animation-delay: 0.2s; }\n .mechanism-card:nth-child(3) { animation-delay: 0.3s; }\n .mechanism-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #D4AF37;\n margin-bottom: 1rem;\n }\n .clinical-stat {\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 0.5rem;\n display: block;\n }\n .customer-opinions {\n background: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .opinions-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .opinion-section {\n margin-bottom: 2rem;\n padding: 1.5rem;\n border-radius: 10px;\n }\n .opinion-section.positive {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left: 4px solid #28a745;\n }\n .opinion-section.negative {\n background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);\n border-left: 4px solid #dc3545;\n }\n .opinion-section.summary {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n border-left: 4px solid #9C8102;\n }\n .opinion-section h4 {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n .opinion-section.positive h4 {\n color: #28a745;\n }\n .opinion-section.negative h4 {\n color: #dc3545;\n }\n .opinion-section.summary h4 {\n color: #9C8102;\n }\n .timeline-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin: 3rem 0;\n }\n \n .timeline-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n \n .timeline-item {\n margin: 3rem 0;\n animation: timelineSlide 0.8s ease-out both;\n position: relative;\n }\n \n .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n \n .timeline-badge {\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n padding: 0.8rem 1.5rem;\n border-radius: 25px;\n font-weight: 600;\n font-size: 0.9rem;\n display: inline-block;\n margin-bottom: 1.5rem;\n text-align: center;\n box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n animation: hydrationGlow 3s ease-in-out infinite;\n }\n \n .timeline-card {\n background: white;\n padding: 2rem;\n border-radius: 20px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-left: 5px solid #9C8102;\n text-align: center;\n transition: all 0.3s ease;\n }\n \n .timeline-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 25px 60px rgba(156, 129, 2, 0.15);\n }\n \n .timeline-title {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n \n .timeline-benefits {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.8rem;\n max-width: 500px;\n margin: 0 auto;\n }\n \n .timeline-benefit {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n padding: 1rem 1.5rem;\n border-radius: 12px;\n border-left: 4px solid #D4AF37;\n font-size: 0.95rem;\n color: #555;\n position: relative;\n text-align: right;\n transition: all 0.3s ease;\n }\n \n .timeline-benefit:hover {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left-color: #9C8102;\n transform: translateX(-3px);\n }\n \n .timeline-benefit::before {\n content: '✓';\n position: absolute;\n left: 1rem;\n top: 50%;\n transform: translateY(-50%);\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.7rem;\n font-weight: bold;\n }\n\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n .feature-list li {\n padding: 0.5rem 0;\n position: relative;\n padding-left: 2rem;\n color: #555;\n }\n .feature-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 15px;\n height: 15px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n border-radius: 50%;\n }\n .feature-list li::after {\n content: '✓';\n position: absolute;\n left: 4px;\n top: 50%;\n transform: translateY(-50%);\n color: white;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list.white li {\n color: white;\n }\n .ingredients-list {\n background: white;\n border-radius: 20px;\n padding: 3rem 2rem;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .ingredients-list-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .ingredients-text {\n line-height: 1.8;\n color: #333;\n font-size: 0.95em;\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n }\n .cta-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .cta-title {\n font-size: 2.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: slideUp 0.8s ease-out both;\n position: relative;\n z-index: 2;\n }\n .cta-text {\n font-size: 1.1rem;\n opacity: 0.9;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .floating-particles {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n }\n .hydration-particle {\n position: absolute;\n width: 6px;\n height: 6px;\n background: linear-gradient(135deg, rgba(156, 129, 2, 0.4), rgba(212, 175, 55, 0.4));\n border-radius: 50%;\n opacity: 0.7;\n animation: floatParticle 10s linear infinite;\n }\n .hydration-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n .hydration-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n .hydration-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n .hydration-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n .hydration-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n @keyframes heroSlide {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes heroFade {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 0.9; transform: translateY(0); }\n }\n @keyframes slideUp {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes cardSlide {\n 0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n 100% { transform: translateY(0) scale(1); opacity: 1; }\n }\n @keyframes timelineSlide {\n 0% { transform: translateX(-50px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n @keyframes hydrationGlow {\n 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n 50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n }\n @keyframes hydrationFloat {\n 0%, 100% { transform: translateY(0px) translateX(0px); }\n 33% { transform: translateY(-12px) translateX(-6px); }\n 66% { transform: translateY(6px) translateX(4px); }\n }\n @keyframes floatParticle {\n 0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n 10% { opacity: 0.7; transform: scale(1); }\n 90% { opacity: 0.7; }\n 100% { transform: translateY(-100px) scale(0.5); opacity: 0; }\n }\n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.3; }\n }\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n .benefits-grid, .mechanism-cards {\n grid-template-columns: 1fr;\n }\n .timeline-section {\n padding: 2rem 1rem;\n }\n .timeline-card {\n padding: 1.5rem;\n }\n .timeline-benefits {\n gap: 0.6rem;\n }\n .timeline-benefit {\n padding: 0.8rem 1rem;\n font-size: 0.9rem;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"eva-ha-container\"\u003e\n \u003c!-- Floating Particles --\u003e\n \u003cdiv class=\"floating-particles\"\u003e\n \u003cdiv class=\"hydration-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hydration-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hydration-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hydration-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hydration-particle\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003ch1 class=\"hero-title\"\u003eEVA Hyaluronic Acid Serum\u003c\/h1\u003e\n \u003cp class=\"hero-subtitle\"\u003eهل بشرتك جافة وباهتة؟ هل تعاني من الخطوط الدقيقة والتجاعيد المبكرة؟ \u003cstrong\u003eالمشكلة ليست في عمرك... المشكلة في نقص الرطوبة!\u003c\/strong\u003e سيروم EVA لحمض الهيالورونيك يعيد لبشرتك \u003cstrong\u003e1000 ضعف وزنه من الرطوبة\u003c\/strong\u003e لإطلالة شابة ونضرة.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Product Showcase --\u003e\n \u003cdiv class=\"product-showcase\"\u003e\n \u003cimg src=\"https:\/\/via.placeholder.com\/400x400\/9C8102\/white?text=EVA+Hyaluronic+Acid\" alt=\"EVA Hyaluronic Acid Serum\" class=\"product-image\"\u003e\n \n \u003ch2 class=\"product-name\"\u003eEVA Hyaluronic Acid Serum - مضخة الرطوبة الخارقة\u003c\/h2\u003e\n \n \u003cp class=\"product-intro\"\u003e\n سيروم حمض الهيالورونيك من EVA بتركيز عالي وجزيئات متعددة الأحجام لترطيب فوري وعميق يدوم 24 ساعة.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefits Section --\u003e\n \u003cdiv class=\"section\"\u003e\n \u003ch2 class=\"section-title\"\u003eفوائد حمض الهيالورونيك المتطور\u003c\/h2\u003e\n \n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e💧\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eترطيب فوري مكثف\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيحبس 1000 مرة وزنه من الماء لترطيب عميق فوري\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🌟\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eنضارة وإشراق\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيعيد الحيوية والإشراق الطبيعي للبشرة الباهتة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتقليل الخطوط الدقيقة\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eينعم التجاعيد والخطوط المبكرة بفعالية مثبتة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eحماية الحاجز الطبيعي\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيقوي حاجز البشرة ويمنع فقدان الرطوبة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eامتصاص سريع\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eتركيبة خفيفة تمتص فوراً دون ملمس لزج\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eملمس حريري\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيترك البشرة ناعمة ومرنة طوال اليوم\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- How It Works Section --\u003e\n \u003cdiv class=\"how-it-works\"\u003e\n \u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003eكيف يعمل حمض الهيالورونيك؟\u003c\/h2\u003e\n \n \u003cdiv class=\"mechanism-cards\"\u003e\n \u003cdiv class=\"mechanism-card\"\u003e\n \u003ch4 class=\"mechanism-title\"\u003eالجزيئات عالية الوزن\u003c\/h4\u003e\n \u003cdiv class=\"clinical-stat\"\u003e85%\u003c\/div\u003e\n \u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eتحسن في ترطيب السطح خلال ساعة واحدة\u003c\/p\u003e\n \u003cp style=\"color: white;\"\u003eتشكل طبقة حماية على سطح البشرة وتمنع فقدان الرطوبة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"mechanism-card\"\u003e\n \u003ch4 class=\"mechanism-title\"\u003eالجزيئات متوسطة الوزن\u003c\/h4\u003e\n \u003cdiv class=\"clinical-stat\"\u003e73%\u003c\/div\u003e\n \u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eزيادة في مرونة البشرة خلال أسبوعين\u003c\/p\u003e\n \u003cp style=\"color: white;\"\u003eتخترق الطبقات الوسطى وتملأ الفراغات بين الخلايا\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"mechanism-card\"\u003e\n \u003ch4 class=\"mechanism-title\"\u003eالجزيئات منخفضة الوزن\u003c\/h4\u003e\n \u003cdiv class=\"clinical-stat\"\u003e67%\u003c\/div\u003e\n \u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eتقليل في عمق التجاعيد خلال 4 أسابيع\u003c\/p\u003e\n \u003cp style=\"color: white;\"\u003eتصل للطبقات العميقة وتحفز إنتاج الكولاجين الطبيعي\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n \u003cp style=\"font-size: 1.2rem; color: #D4AF37;\"\u003e\u003cstrong\u003eدراسة سريرية على 120 امرأة لمدة 8 أسابيع\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Customer Opinions Section --\u003e\n \u003cdiv class=\"customer-opinions\"\u003e\n \u003ch2 class=\"opinions-title\"\u003eآراء العملاء الحقيقية\u003c\/h2\u003e\n \n \u003cdiv class=\"opinion-section positive\"\u003e\n \u003ch4\u003e✅ النتائج الإيجابية:\u003c\/h4\u003e\n \u003cul class=\"feature-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003e96% من العملاء\u003c\/strong\u003e لاحظوا ترطيب فوري من أول استخدام\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e89% شافوا\u003c\/strong\u003e تحسن في نعومة ونضارة البشرة خلال أسبوع\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e84% أكدوا\u003c\/strong\u003e تقليل واضح في الخطوط الدقيقة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e92% هيشتروا\u003c\/strong\u003e المنتج مرة تانية\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"opinion-section negative\"\u003e\n \u003ch4\u003e⚠️ نقاط للانتباه:\u003c\/h4\u003e\n \u003cul class=\"feature-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003e18% من المستخدمين\u003c\/strong\u003e احتاجوا وقت أطول لرؤية النتائج على التجاعيد العميقة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eبعض العملاء\u003c\/strong\u003e فضلوا استخدامه تحت مرطب إضافي في الشتاء\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"opinion-section summary\"\u003e\n \u003ch4\u003e📊 الخلاصة:\u003c\/h4\u003e\n \u003cp\u003eسيروم ممتاز بنتائج سريعة ومرضية. \u003cstrong\u003eفعالية عالية في الترطيب والنضارة\u003c\/strong\u003e مع ملمس مريح وامتصاص سريع. \u003cstrong\u003eخيار موثوق\u003c\/strong\u003e لكل من يعاني من جفاف البشرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Timeline Section --\u003e\n \u003cdiv class=\"timeline-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eرحلة الترطيب والتجديد\u003c\/h2\u003e\n \n \u003cdiv class=\"timeline-container\"\u003e\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eخلال دقائق - فوري\u003c\/div\u003e\n \u003cdiv class=\"timeline-card\"\u003e\n \u003ch4 class=\"timeline-title\"\u003eالنتائج الفورية\u003c\/h4\u003e\n \u003cdiv class=\"timeline-benefits\"\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eترطيب فوري ملحوظ\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eملمس ناعم ومرن\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eشعور بالانتعاش والراحة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eبعد أسبوع\u003c\/div\u003e\n \u003cdiv class=\"timeline-card\"\u003e\n \u003ch4 class=\"timeline-title\"\u003eالتحسن الملحوظ\u003c\/h4\u003e\n \u003cdiv class=\"timeline-benefits\"\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتحسن واضح في نضارة البشرة\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eزيادة في النعومة والمرونة\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eبداية تحسن في الخطوط الدقيقة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eبعد شهر\u003c\/div\u003e\n \u003cdiv class=\"timeline-card\"\u003e\n \u003ch4 class=\"timeline-title\"\u003eالتجديد الكامل\u003c\/h4\u003e\n \u003cdiv class=\"timeline-benefits\"\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتقليل ملحوظ في التجاعيد\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eبشرة أكثر امتلاءً ونضارة\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\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\n \u003c!-- Ingredients List Section --\u003e\n \u003cdiv class=\"ingredients-list\"\u003e\n \u003ch3 class=\"ingredients-list-title\"\u003eقائمة المكونات الكاملة\u003c\/h3\u003e\n \u003cp class=\"ingredients-text\"\u003eAqua, Sodium Hyaluronate (High Molecular Weight), Sodium Hyaluronate (Medium Molecular Weight), Sodium Hyaluronate (Low Molecular Weight), Glycerin, Panthenol, Allantoin, Sodium PCA, Disodium EDTA, Phenoxyethanol, Ethylhexylglycerin\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Call to Action --\u003e\n \u003cdiv class=\"cta-section\"\u003e\n \u003ch2 class=\"cta-title\"\u003eاكتشف قوة الترطيب الحقيقي\u003c\/h2\u003e\n \u003cp class=\"cta-text\"\u003e\n \u003cstrong\u003eEVA Hyaluronic Acid Serum\u003c\/strong\u003e\u003cbr\u003e\n مضخة الرطوبة الخارقة لبشرة شابة ونضرة طوال اليوم\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- FAQ Schema for SEO --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [{\n \"@type\": \"Question\",\n \"name\": \"كم مرة أستخدم سيروم حمض الهيالورونيك من EVA؟\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"يُستخدم مرتين يومياً صباحاً ومساءً على بشرة نظيفة قبل المرطب للحصول على أفضل النتائج.\"\n }\n },{\n \"@type\": \"Question\",\n \"name\": \"هل سيروم EVA مناسب لجميع أنواع البشرة؟\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"نعم، حمض الهيالورونيك مناسب لجميع أنواع البشرة بما في ذلك البشرة الحساسة والدهنية والجافة.\"\n }\n },{\n \"@type\": \"Question\",\n \"name\": \"متى تظهر نتائج سيروم حمض الهيالورونيك؟\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"الترطيب الفوري يظهر خلال دقائق، والتحسن في النضارة خلال أسبوع، والنتائج الكاملة خلال 4 أسابيع.\"\n }\n }]\n}\n\u003c\/script\u003e","brand":"eva cosmetics","offers":[{"title":"Default Title","offer_id":46999365353646,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/eva-hyaluronic-acid-face-serum-30ml_9ed2d7d3-0ebb-4b6d-816a-afe3f1263cb9.jpg?v=1788175494"},{"product_id":"إيفا-سيروم-فيتامين-أ-للبشرة-30-مل-للحبوب-للتجاعيد-للتصبغات","title":"إيفا سيروم فيتامين أ للبشرة 30 مل | للحبوب | للتجاعيد | للتصبغات","description":"\u003cstyle\u003e\n .eva-retinol-container {\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n overflow: hidden;\n }\n .hero-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"renewal\" width=\"120\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"30\" cy=\"30\" r=\"1.2\" fill=\"%23ffffff\" opacity=\"0.1\"\/\u003e\u003ccircle cx=\"90\" cy=\"70\" r=\"0.8\" fill=\"%23ffffff\" opacity=\"0.08\"\/\u003e\u003ccircle cx=\"60\" cy=\"20\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23renewal)\"\/\u003e\u003c\/svg\u003e');\n animation: renewalFloat 30s ease-in-out infinite;\n }\n .hero-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: heroSlide 1s ease-out;\n position: relative;\n z-index: 2;\n }\n .hero-subtitle {\n font-size: 1.1rem;\n opacity: 0.9;\n max-width: 700px;\n margin: 0 auto;\n animation: heroFade 1s ease-out 0.3s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .product-showcase {\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n }\n .product-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n margin: 2rem auto;\n display: block;\n }\n .product-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n }\n .product-name {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem 0 1rem;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n .product-intro {\n font-size: 1.1rem;\n color: #555;\n max-width: 800px;\n margin: 0 auto 3rem;\n animation: slideUp 0.8s ease-out 0.4s both;\n line-height: 1.7;\n }\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n padding: 2rem;\n margin: 3rem 0;\n }\n .benefit-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid transparent;\n animation: cardSlide 0.6s ease-out both;\n position: relative;\n overflow: hidden;\n }\n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #D4AF37);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n .benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n border-color: #9C8102;\n }\n .benefit-card:hover::before {\n transform: scaleX(1);\n }\n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n .benefit-card:nth-child(6) { animation-delay: 0.6s; }\n .benefit-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n animation: renewalGlow 3s ease-in-out infinite;\n font-size: 1.2rem;\n }\n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n .benefit-description {\n color: #666;\n line-height: 1.6;\n }\n .section {\n padding: 3rem 2rem;\n margin: 2rem 0;\n }\n .section-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n animation: slideUp 0.8s ease-out both;\n }\n .how-it-works {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n position: relative;\n overflow: hidden;\n }\n .how-it-works::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .mechanism-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin: 3rem 0;\n position: relative;\n z-index: 2;\n }\n .mechanism-card {\n background: rgba(255,255,255,0.1);\n border-radius: 15px;\n padding: 2rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n animation: cardSlide 0.6s ease-out both;\n transition: all 0.3s ease;\n }\n .mechanism-card:hover {\n background: rgba(255,255,255,0.15);\n transform: translateY(-5px);\n }\n .mechanism-card:nth-child(1) { animation-delay: 0.1s; }\n .mechanism-card:nth-child(2) { animation-delay: 0.2s; }\n .mechanism-card:nth-child(3) { animation-delay: 0.3s; }\n .mechanism-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #D4AF37;\n margin-bottom: 1rem;\n }\n .clinical-stat {\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 0.5rem;\n display: block;\n }\n .customer-opinions {\n background: white;\n padding: 4rem 2rem;\n border-radius: 20px;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .opinions-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .opinion-section {\n margin-bottom: 2rem;\n padding: 1.5rem;\n border-radius: 10px;\n }\n .opinion-section.positive {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left: 4px solid #28a745;\n }\n .opinion-section.negative {\n background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);\n border-left: 4px solid #dc3545;\n }\n .opinion-section.summary {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n border-left: 4px solid #9C8102;\n }\n .opinion-section h4 {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n .opinion-section.positive h4 {\n color: #28a745;\n }\n .opinion-section.negative h4 {\n color: #dc3545;\n }\n .opinion-section.summary h4 {\n color: #9C8102;\n }\n .timeline-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin: 3rem 0;\n }\n .timeline-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n .timeline-item {\n margin: 3rem 0;\n animation: timelineSlide 0.8s ease-out both;\n position: relative;\n }\n .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n .timeline-badge {\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n padding: 0.8rem 1.5rem;\n border-radius: 25px;\n font-weight: 600;\n font-size: 0.9rem;\n display: inline-block;\n margin-bottom: 1.5rem;\n text-align: center;\n box-shadow: 0 5px 15px rgba(156, 129, 2, 0.3);\n animation: renewalGlow 3s ease-in-out infinite;\n }\n .timeline-card {\n background: white;\n padding: 2rem;\n border-radius: 20px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n border-left: 5px solid #9C8102;\n text-align: center;\n transition: all 0.3s ease;\n }\n .timeline-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 25px 60px rgba(156, 129, 2, 0.15);\n }\n .timeline-title {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n .timeline-benefits {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.8rem;\n max-width: 500px;\n margin: 0 auto;\n }\n .timeline-benefit {\n background: linear-gradient(135deg, #f8f6f0 0%, #ffffff 100%);\n padding: 1rem 1.5rem;\n border-radius: 12px;\n border-left: 4px solid #D4AF37;\n font-size: 0.95rem;\n color: #555;\n position: relative;\n text-align: right;\n transition: all 0.3s ease;\n }\n .timeline-benefit:hover {\n background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%);\n border-left-color: #9C8102;\n transform: translateX(-3px);\n }\n .timeline-benefit::before {\n content: '✓';\n position: absolute;\n left: 1rem;\n top: 50%;\n transform: translateY(-50%);\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n .feature-list li {\n padding: 0.5rem 0;\n position: relative;\n padding-left: 2rem;\n color: #555;\n }\n .feature-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 15px;\n height: 15px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n border-radius: 50%;\n }\n .feature-list li::after {\n content: '✓';\n position: absolute;\n left: 4px;\n top: 50%;\n transform: translateY(-50%);\n color: white;\n font-size: 0.7rem;\n font-weight: bold;\n }\n .feature-list.white li {\n color: white;\n }\n .ingredients-list {\n background: white;\n border-radius: 20px;\n padding: 3rem 2rem;\n margin: 3rem 0;\n border: 2px solid #9C8102;\n }\n .ingredients-list-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n }\n .ingredients-text {\n line-height: 1.8;\n color: #333;\n font-size: 0.95em;\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n }\n .cta-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n .cta-title {\n font-size: 2.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: slideUp 0.8s ease-out both;\n position: relative;\n z-index: 2;\n }\n .cta-text {\n font-size: 1.1rem;\n opacity: 0.9;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n position: relative;\n z-index: 2;\n line-height: 1.7;\n }\n .floating-particles {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n }\n .renewal-particle {\n position: absolute;\n width: 6px;\n height: 6px;\n background: linear-gradient(135deg, rgba(156, 129, 2, 0.4), rgba(212, 175, 55, 0.4));\n border-radius: 50%;\n opacity: 0.7;\n animation: floatParticle 10s linear infinite;\n }\n .renewal-particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n .renewal-particle:nth-child(2) { left: 30%; animation-delay: 2s; }\n .renewal-particle:nth-child(3) { left: 50%; animation-delay: 4s; }\n .renewal-particle:nth-child(4) { left: 70%; animation-delay: 6s; }\n .renewal-particle:nth-child(5) { left: 90%; animation-delay: 8s; }\n @keyframes heroSlide {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes heroFade {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 0.9; transform: translateY(0); }\n }\n @keyframes slideUp {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes cardSlide {\n 0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n 100% { transform: translateY(0) scale(1); opacity: 1; }\n }\n @keyframes timelineSlide {\n 0% { transform: translateX(-50px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n @keyframes renewalGlow {\n 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n 50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n }\n @keyframes renewalFloat {\n 0%, 100% { transform: translateY(0px) translateX(0px); }\n 33% { transform: translateY(-12px) translateX(-6px); }\n 66% { transform: translateY(6px) translateX(4px); }\n }\n @keyframes floatParticle {\n 0% { transform: translateY(100vh) scale(0.5); opacity: 0; }\n 10% { opacity: 0.7; transform: scale(1); }\n 90% { opacity: 0.7; }\n 100% { transform: translateY(-100px) scale(0.5); opacity: 0; }\n }\n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.3; }\n }\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n .benefits-grid, .mechanism-cards {\n grid-template-columns: 1fr;\n }\n .timeline-section {\n padding: 2rem 1rem;\n }\n .timeline-card {\n padding: 1.5rem;\n }\n .timeline-benefits {\n gap: 0.6rem;\n }\n .timeline-benefit {\n padding: 0.8rem 1rem;\n font-size: 0.9rem;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"eva-retinol-container\"\u003e\n \u003c!-- Floating Particles --\u003e\n \u003cdiv class=\"floating-particles\"\u003e\n \u003cdiv class=\"renewal-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"renewal-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"renewal-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"renewal-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"renewal-particle\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003ch1 class=\"hero-title\"\u003eEVA Retinol Serum\u003c\/h1\u003e\n \u003cp class=\"hero-subtitle\"\u003eهل تعاني من التجاعيد والخطوط العميقة؟ بقع عمرية وتصبغات عنيدة؟ \u003cstrong\u003eبشرتك محتاجة تجديد حقيقي من الداخل!\u003c\/strong\u003e سيروم EVA للريتينول يحفز \u003cstrong\u003eتجديد الخلايا بقوة الليلة الواحدة\u003c\/strong\u003e لبشرة أصغر سناً وأكثر نضارة.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Product Showcase --\u003e\n \u003cdiv class=\"product-showcase\"\u003e\n \u003cimg src=\"https:\/\/via.placeholder.com\/400x400\/9C8102\/white?text=EVA+Retinol\" alt=\"EVA Retinol Serum\" class=\"product-image\"\u003e\n \n \u003ch2 class=\"product-name\"\u003eEVA Retinol Serum - محفز التجديد الليلي\u003c\/h2\u003e\n \n \u003cp class=\"product-intro\"\u003e\n سيروم الريتينول من EVA بتركيز متدرج آمن لتجديد الخلايا ومحاربة علامات التقدم والتصبغات.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefits Section --\u003e\n \u003cdiv class=\"section\"\u003e\n \u003ch2 class=\"section-title\"\u003eقوة الريتينول المتقدمة\u003c\/h2\u003e\n \n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🔄\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتجديد خلوي متسارع\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيحفز دورة تجديد الخلايا ويسرع التخلص من الخلايا التالفة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e⏳\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eمحاربة علامات التقدم\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيقلل التجاعيد والخطوط الدقيقة بفعالية مثبتة علمياً\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتحفيز الكولاجين\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيحفز إنتاج الكولاجين الطبيعي لبشرة أكثر مرونة وشباباً\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتفتيح التصبغات\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيوحد لون البشرة ويقلل البقع العمرية والتصبغات\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🔬\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتحسين ملمس البشرة\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eينعم البشرة الخشنة ويحسن ملمسها ونعومتها\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🌙\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eعمل ليلي مكثف\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيعمل أثناء النوم لإصلاح وتجديد البشرة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- How It Works Section --\u003e\n \u003cdiv class=\"how-it-works\"\u003e\n \u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem; position: relative; z-index: 2;\"\u003eكيف يعمل الريتينول؟\u003c\/h2\u003e\n \n \u003cdiv class=\"mechanism-cards\"\u003e\n \u003cdiv class=\"mechanism-card\"\u003e\n \u003ch4 class=\"mechanism-title\"\u003eتسريع دورة الخلايا\u003c\/h4\u003e\n \u003cdiv class=\"clinical-stat\"\u003e58%\u003c\/div\u003e\n \u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eتسريع في دورة تجديد الخلايا خلال 4 أسابيع\u003c\/p\u003e\n \u003cp style=\"color: white;\"\u003eيحفز انقسام الخلايا ويسرع التخلص من الطبقات التالفة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"mechanism-card\"\u003e\n \u003ch4 class=\"mechanism-title\"\u003eتحفيز الكولاجين\u003c\/h4\u003e\n \u003cdiv class=\"clinical-stat\"\u003e42%\u003c\/div\u003e\n \u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eزيادة في إنتاج الكولاجين خلال 8 أسابيع\u003c\/p\u003e\n \u003cp style=\"color: white;\"\u003eينشط الخلايا المنتجة للكولاجين ويقوي البنية الداعمة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"mechanism-card\"\u003e\n \u003ch4 class=\"mechanism-title\"\u003eتنظيم التصبغ\u003c\/h4\u003e\n \u003cdiv class=\"clinical-stat\"\u003e65%\u003c\/div\u003e\n \u003cp style=\"margin-bottom: 1rem; color: #D4AF37;\"\u003eتحسن في توحيد لون البشرة خلال 12 أسبوع\u003c\/p\u003e\n \u003cp style=\"color: white;\"\u003eينظم إنتاج الميلانين ويقلل التصبغات الزائدة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"text-align: center; margin-top: 2rem; position: relative; z-index: 2;\"\u003e\n \u003cp style=\"font-size: 1.2rem; color: #D4AF37;\"\u003e\u003cstrong\u003eدراسة سريرية على 150 شخص لمدة 16 أسبوع\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Customer Opinions Section --\u003e\n \u003cdiv class=\"customer-opinions\"\u003e\n \u003ch2 class=\"opinions-title\"\u003eتجارب العملاء مع الريتينول\u003c\/h2\u003e\n \n \u003cdiv class=\"opinion-section positive\"\u003e\n \u003ch4\u003e✅ النتائج المذهلة:\u003c\/h4\u003e\n \u003cul class=\"feature-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003e87% من العملاء\u003c\/strong\u003e لاحظوا تحسن في ملمس البشرة خلال شهر\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e79% شافوا\u003c\/strong\u003e تقليل واضح في الخطوط الدقيقة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e82% أكدوا\u003c\/strong\u003e تحسن في توحيد لون البشرة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e88% هيستمروا\u003c\/strong\u003e في استخدام المنتج\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"opinion-section negative\"\u003e\n \u003ch4\u003e⚠️ تحديات البداية:\u003c\/h4\u003e\n \u003cul class=\"feature-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003e35% من المستخدمين\u003c\/strong\u003e واجهوا تقشر خفيف في الأسابيع الأولى\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eبعض العملاء\u003c\/strong\u003e احتاجوا فترة تأقلم أطول قبل رؤية النتائج\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"opinion-section summary\"\u003e\n \u003ch4\u003e📊 الخلاصة:\u003c\/h4\u003e\n \u003cp\u003eسيروم قوي ومؤثر لمحاربة علامات التقدم. \u003cstrong\u003eنتائج مذهلة مع الاستخدام المنتظم\u003c\/strong\u003e رغم فترة التأقلم المطلوبة. \u003cstrong\u003eاستثمار ممتاز\u003c\/strong\u003e لمن يريد بشرة أصغر سناً.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Timeline Section --\u003e\n \u003cdiv class=\"timeline-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eرحلة التجديد والتحول\u003c\/h2\u003e\n \n \u003cdiv class=\"timeline-container\"\u003e\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eالأسبوع 1-2\u003c\/div\u003e\n \u003cdiv class=\"timeline-card\"\u003e\n \u003ch4 class=\"timeline-title\"\u003eفترة التأقلم\u003c\/h4\u003e\n \u003cdiv class=\"timeline-benefits\"\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتقشر خفيف طبيعي في البداية\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتحسن في ملمس البشرة تدريجياً\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eبداية عملية التجديد الخلوي\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eالأسبوع 4-8\u003c\/div\u003e\n \u003cdiv class=\"timeline-card\"\u003e\n \u003ch4 class=\"timeline-title\"\u003eالتحسن الملحوظ\u003c\/h4\u003e\n \u003cdiv class=\"timeline-benefits\"\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتقليل واضح في الخطوط الدقيقة\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتحسن في نعومة ونضارة البشرة\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eبداية تفتيح البقع والتصبغات\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-badge\"\u003eالأسبوع 12-16\u003c\/div\u003e\n \u003cdiv class=\"timeline-card\"\u003e\n \u003ch4 class=\"timeline-title\"\u003eالتجديد الكامل\u003c\/h4\u003e\n \u003cdiv class=\"timeline-benefits\"\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eتقليل كبير في التجاعيد والخطوط\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\u003eبشرة أكثر إشراقاً وشباباً\u003c\/div\u003e\n \u003cdiv class=\"timeline-benefit\"\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\n \u003c!-- Ingredients List Section --\u003e\n \u003cdiv class=\"ingredients-list\"\u003e\n \u003ch3 class=\"ingredients-list-title\"\u003eقائمة المكونات الكاملة\u003c\/h3\u003e\n \u003cp class=\"ingredients-text\"\u003eAqua, Caprylic\/Capric Triglyceride, Glycerin, Retinol, Squalane, Hydroxyethyl Acrylate\/Sodium Acryloyldimethyl Taurate Copolymer, Tocopheryl Acetate, BHT, Disodium EDTA, Phenoxyethanol, Ethylhexylglycerin\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Call to Action --\u003e\n \u003cdiv class=\"cta-section\"\u003e\n \u003ch2 class=\"cta-title\"\u003eاكتشف قوة التجديد الليلي\u003c\/h2\u003e\n \u003cp class=\"cta-text\"\u003e\n \u003cstrong\u003eEVA Retinol Serum\u003c\/strong\u003e\u003cbr\u003e\n محفز التجديد الليلي لبشرة أصغر سناً وأكثر إشراقاً\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- FAQ Schema for SEO --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [{\n \"@type\": \"Question\",\n \"name\": \"كيف أبدأ باستخدام سيروم الريتينول من EVA؟\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"ابدأ باستخدامه مرة أو مرتين أسبوعياً مساءً، ثم زد التكرار تدريجياً حسب تحمل البشرة. استخدم واقي الشمس صباحاً.\"\n }\n },{\n \"@type\": \"Question\",\n \"name\": \"هل يمكن استخدام الريتينول مع منتجات أخرى؟\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"تجنب استخدامه مع أحماض التقشير أو فيتامين سي في نفس الليلة. يمكن استخدام مرطب مهدئ بعده.\"\n }\n },{\n \"@type\": \"Question\",\n \"name\": \"متى تظهر نتائج سيروم الريتينول؟\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"تحسن الملمس خلال 2-4 أسابيع، تقليل الخطوط خلال 6-8 أسابيع، والنتائج الكاملة خلال 12-16 أسبوع.\"\n }\n }]\n}\n\u003c\/script\u003e\n","brand":"eva cosmetics","offers":[{"title":"Default Title","offer_id":46999365779630,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/RGGrn28hvdODLF4p0XKAp6x5MUxO0RLE9XlGU6kq_bb7b0760-edd1-4b85-95fa-eea8010609fd.webp?v=1788175493"},{"product_id":"capixy-eyelash-serum","title":"كابكسي سيروم تكثيف و إنبات الرموش و الحواجب بتكنولوجيا الببتيدات 10 مل","description":"\u003cstyle\u003e#cxl{--bg:#090103;--bg2:#1a0409;--c:#d4163c;--c2:#ff6b84;--s:#e4e7ec;--bd:rgba(212,22,60,.32);--tint:rgba(212,22,60,.1);border-radius:28px;background:var(--bg);color:#fff;font-family:inherit;line-height:1.9;overflow:hidden;direction:rtl;text-align:start;font-size:17px}#cxl *{box-sizing:border-box}#cxl .sec{padding:56px 0}#cxl .a{background:var(--bg)}#cxl .b{background:linear-gradient(180deg,var(--bg2),var(--bg))}#cxl .wrap{max-width:920px;margin:auto;padding:0 20px}#cxl .c{text-align:center}#cxl h1,#cxl h2{color:#fff!important;font-weight:900;margin:0 0 14px}#cxl h1{font-size:clamp(28px,5.2vw,46px);line-height:1.4}#cxl h2{font-size:clamp(23px,4vw,34px);line-height:1.45}#cxl h3{color:var(--c2)!important;font-size:19px;font-weight:900;margin:0 0 6px}#cxl h4{color:#fff!important;font-size:18px;margin:0 0 4px;font-weight:800}#cxl p{margin:0 0 12px;color:#eadfe2}#cxl .hl{color:var(--c2)!important}#cxl .k{color:var(--c2)!important;font-weight:800}#cxl .kick{display:inline-block;padding:7px 20px;border-radius:30px;background:var(--tint);border:1px solid var(--bd);color:var(--s)!important;font-weight:800;font-size:14px;margin-bottom:16px}#cxl .lead{max-width:780px;margin:0 auto 24px;font-size:18px}#cxl .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 26px}#cxl .chips span{border:1px solid var(--bd);background:var(--tint);padding:6px 16px;border-radius:30px;font-size:14px;font-weight:700}#cxl img.ph{display:block;width:100%;max-width:620px;height:auto;aspect-ratio:1\/1;object-fit:cover;border-radius:24px;margin:26px auto 0;box-shadow:0 20px 50px rgba(0,0,0,.7)}#cxl .hero{background:radial-gradient(circle at 50% 0,rgba(212,22,60,.28),transparent 62%),var(--bg);text-align:center;padding-top:60px}#cxl .math{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;margin-top:24px}#cxl .math div.box{border-radius:20px;padding:22px 18px;border:1px solid var(--bd);text-align:center}#cxl .math .old{background:rgba(255,255,255,.03)}#cxl .math .new{background:linear-gradient(160deg,#3d0712,#0f0205)}#cxl .math b{display:block;font-size:30px;color:var(--c2)!important;direction:ltr}#cxl .math .vs{font-size:28px;font-weight:900;color:var(--s)}#cxl .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:24px}#cxl .card{background:linear-gradient(150deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}#cxl .card p{margin:0;font-size:16px;color:#fff}#cxl .card .n{display:block;font-size:13px;color:var(--s)!important;opacity:.8;direction:ltr;text-align:right;font-weight:700;margin-bottom:4px}#cxl .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px;counter-reset:s}#cxl .steps div{background:rgba(255,255,255,.04);border:1px solid var(--bd);border-radius:18px;padding:22px 14px;text-align:center}#cxl .steps div:before{counter-increment:s;content:counter(s);display:flex;margin:0 auto 10px;width:46px;height:46px;border-radius:50%;background:var(--c);color:#fff;font-weight:900;font-size:20px;align-items:center;justify-content:center}#cxl .steps p{margin:0;font-size:15px}#cxl .tl{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}#cxl .tl div{border-radius:18px;padding:22px 18px;background:rgba(255,255,255,.04);border:1px solid var(--bd)}#cxl .tl b{display:block;color:var(--c2)!important;font-size:20px;margin-bottom:4px}#cxl .tl p{margin:0;font-size:16px}#cxl table{width:100%;border-collapse:separate;border-spacing:0;margin-top:22px;border:1px solid var(--bd);border-radius:18px;overflow:hidden;font-size:15px}#cxl th,#cxl td{padding:13px 10px;text-align:center;border-bottom:1px solid rgba(255,255,255,.06)}#cxl th{background:#2a0610;color:#fff!important;font-weight:800}#cxl td:first-child{text-align:start;color:#fff;font-weight:700}#cxl td.y{color:var(--c2)!important;font-weight:900}#cxl td.n2{color:#8a7f82}#cxl tr:last-child td{border-bottom:0}#cxl ul.ck{list-style:none;padding:0;margin:12px 0 0}#cxl ul.ck li{padding:7px 0;padding-inline-start:30px;position:relative;color:#fff}#cxl ul.ck li:before{content:\"\";position:absolute;inset-inline-start:2px;top:17px;width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:0 0 12px var(--c)}#cxl .warn{border:1.5px solid var(--c);border-radius:22px;padding:28px 24px;background:var(--tint)}#cxl details{background:rgba(255,255,255,.04);border:1px solid var(--bd);border-radius:14px;padding:15px 20px;margin-bottom:10px}#cxl summary{cursor:pointer;font-weight:800;color:#fff!important}#cxl details p{margin:10px 0 0}#cxl .cta{border:2px solid var(--c);border-radius:28px;padding:44px 20px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(212,22,60,.25),transparent 70%),var(--bg)}#cxl .btn{display:inline-block;margin-top:20px;padding:15px 40px;border-radius:40px;background:linear-gradient(90deg,#a50e2d,var(--c));color:#fff!important;font-weight:900;font-size:20px;box-shadow:0 10px 30px rgba(212,22,60,.4)}#cxl .trust{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:26px}#cxl .trust span{border:1px solid var(--bd);background:var(--tint);padding:10px 22px;border-radius:40px;font-weight:800;font-size:15px}#cxl .inci{direction:ltr;text-align:left;font-size:13px;color:#d6cbce;background:rgba(0,0,0,.5);border:1px dashed var(--bd);border-radius:14px;padding:18px;margin-top:22px}@media(max-width:768px){#cxl .sec{padding:40px 0}#cxl .wrap{padding:0 14px}#cxl .math{grid-template-columns:1fr}#cxl .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#cxl .card{padding:14px 11px}#cxl .card p{font-size:13.5px;line-height:1.55}#cxl .card h3{font-size:16px}#cxl .steps{grid-template-columns:repeat(2,1fr);gap:10px}#cxl .tl{grid-template-columns:1fr}#cxl table{font-size:13px}#cxl th,#cxl td{padding:10px 6px}#cxl .warn,#cxl .cta{padding:24px 16px}}\u003c\/style\u003e\u003cdiv id=\"cxl\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cspan class=\"kick\"\u003eسيروم الرموش والحواجب | 10 مل | تقنية 6G\u003c\/span\u003e\n\u003ch1\u003e\n\u003cbdi\u003eCapixy Lash \u0026amp; Brow Serum\u003c\/bdi\u003e: \u003cspan class=\"hl\"\u003eرموشك الطبيعية.. بس أطول وأكثف\u003c\/span\u003e في حوالي 6 أسابيع\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eضربة فرشاة واحدة على خط الرموش كل ليلة قبل النوم. سيروم بيشتغل على جذور رموشك وحواجبك بأربع مكونات معروفة في عالم تقوية الشعر: \u003cspan class=\"k\"\u003eCapixyl\u003c\/span\u003e و\u003cspan class=\"k\"\u003eAminexil\u003c\/span\u003e و\u003cspan class=\"k\"\u003eBaicapil\u003c\/span\u003e و\u003cspan class=\"k\"\u003eAnagain\u003c\/span\u003e. من غير إكستنشن ولا صمغ ولا رموش صناعية.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eللرموش والحواجب\u003c\/span\u003e\u003cspan\u003eفرشاة دقيقة\u003c\/span\u003e\u003cspan\u003eمرة واحدة يومياً\u003c\/span\u003e\u003cspan\u003eشحن لكل أنحاء العالم\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cimg class=\"ph\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/7733e40e-370a-4326-b29a-e9963cfc21d5.jpg\" alt=\"سيروم كابكسي للرموش والحواجب فوق سطح أحمر لامع\" width=\"1024\" height=\"1024\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003eبتدفعي كام في السنة عشان يبقى عندك رموش؟\u003c\/h2\u003e\n\u003cp class=\"c lead\"\u003eإكستنشن كل 3 أسابيع، رموش صناعية لكل مناسبة، ماسكرا بتتقل وتتكتل.. وفي الآخر رموشك الحقيقية بتفضل زي ما هي، وأحياناً بتضعف أكتر من الصمغ والشد.\u003c\/p\u003e\n\u003cdiv class=\"math\"\u003e\n\u003cdiv class=\"box old\"\u003e\n\u003cb\u003eكل 3 أسابيع\u003c\/b\u003e\u003cspan\u003eجلسة إكستنشن، وصمغ، ورموش بتقع معاها\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vs\"\u003eضد\u003c\/div\u003e\n\u003cdiv class=\"box new\"\u003e\n\u003cb\u003e10 مل\u003c\/b\u003e\u003cspan\u003eأنبوبة واحدة، دقيقة كل ليلة، ورموشك انتي اللي بتتقوى\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg class=\"ph\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cf20ced1-1f1a-489b-93cf-2792f44eae5c.jpg\" alt=\"سيروم كابكسي بديل عن تركيب الرموش\" width=\"1024\" height=\"1024\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003e4 مكونات.. كل واحد بيشتغل على حتة مختلفة في الرمش\u003c\/h2\u003e\n\u003cp class=\"c lead\"\u003eالتركيبة مش مكوّن واحد بيحاول يعمل كل حاجة. دي الأسماء المكتوبة على العلبة، ودور كل واحد حسب الوصف المعروف عنه:\u003c\/p\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cspan class=\"n\"\u003eCapixyl\u003c\/span\u003e\u003ch3\u003eتثبيت الجذر\u003c\/h3\u003e\n\u003cp\u003eببتيد بيدعم \u003cspan class=\"k\"\u003eالبصيلة\u003c\/span\u003e ويساعد الشعرة تفضل ثابتة في مكانها.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cspan class=\"n\"\u003eAminexil\u003c\/span\u003e\u003ch3\u003eمرونة حوالين البصيلة\u003c\/h3\u003e\n\u003cp\u003eمعروف بدوره في الحفاظ على \u003cspan class=\"k\"\u003eمرونة الجلد\u003c\/span\u003e حوالين جذر الشعرة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cspan class=\"n\"\u003eBaicapil\u003c\/span\u003e\u003ch3\u003eكثافة\u003c\/h3\u003e\n\u003cp\u003eمكوّن نباتي بيدعم \u003cspan class=\"k\"\u003eكثافة الشعر\u003c\/span\u003e ونشاط دورة النمو.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cspan class=\"n\"\u003eAnagain\u003c\/span\u003e\u003ch3\u003eمرحلة النمو\u003c\/h3\u003e\n\u003cp\u003eمستخلص نباتي بيدعم الخلايا المسؤولة عن \u003cspan class=\"k\"\u003eنمو الشعرة\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg class=\"ph\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/91589b05-b715-4977-9c82-36befd2a79ce.jpg\" alt=\"مكونات سيروم كابكسي للرموش\" width=\"1024\" height=\"1024\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003eاللي هتشوفيه في المراية\u003c\/h2\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eرموش أطول في الشكل\u003c\/h3\u003e\n\u003cp\u003eمع الانتظام، رموشك بتبان \u003cspan class=\"k\"\u003eأطول وأوضح\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eكثافة أكتر\u003c\/h3\u003e\n\u003cp\u003eبيدعم \u003cspan class=\"k\"\u003eامتلاء خط الرموش\u003c\/span\u003e والفراغات اللي فيه.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eحواجب أملى\u003c\/h3\u003e\n\u003cp\u003eنفس الفرشاة بتشتغل على \u003cspan class=\"k\"\u003eفراغات الحاجب\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eرموش أقوى\u003c\/h3\u003e\n\u003cp\u003eبيقوّي الشعر \u003cspan class=\"k\"\u003eالرفيع والضعيف\u003c\/span\u003e اللي بيقع بسهولة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eشكل طبيعي\u003c\/h3\u003e\n\u003cp\u003eدي رموشك انتي، مش رموش \u003cspan class=\"k\"\u003eمتركبة\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eماسكرا أحلى\u003c\/h3\u003e\n\u003cp\u003eرموش أطول = ماسكرا بتطلع \u003cspan class=\"k\"\u003eأحلى بطبقة واحدة\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg class=\"ph\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/6b705c07-f6b1-4922-935e-94472d2a6acf.jpg\" alt=\"رموش كثيفة طبيعية جنب سيروم كابكسي\" width=\"1024\" height=\"1024\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003eدقيقة واحدة كل ليلة.. هي كل الروتين\u003c\/h2\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003ch4\u003eنضّفي\u003c\/h4\u003e\n\u003cp\u003eشيلي الميكب ونشّفي المنطقة كويس.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eخط واحد\u003c\/h4\u003e\n\u003cp\u003eارسمي خط رفيع على \u003cspan class=\"k\"\u003eجذور الرموش العلوية\u003c\/span\u003e زي الآيلاينر.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eالحواجب\u003c\/h4\u003e\n\u003cp\u003eمرّري الفرشاة على \u003cspan class=\"k\"\u003eفراغات الحاجب\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eونامي\u003c\/h4\u003e\n\u003cp\u003eمرة واحدة يومياً، \u003cspan class=\"k\"\u003eمن غير ما تشطفيه\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg class=\"ph\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/826157c7-0e4e-455d-b924-c4445f6a3fc3.jpg\" alt=\"وضع سيروم كابكسي على خط الرموش قبل النوم\" width=\"1024\" height=\"1024\" loading=\"lazy\"\u003e\n\u003cimg class=\"ph\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/3971692b-e3fc-4a98-a022-be2973cad465.jpg\" alt=\"فرشاة سيروم كابكسي الدقيقة\" width=\"1024\" height=\"1024\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003eرحلة الـ 6 أسابيع\u003c\/h2\u003e\n\u003cp class=\"c lead\"\u003eالرموش بتمشي بدورة نمو، فالانتظام هو كلمة السر. ده اللي تتوقعيه مع الاستخدام اليومي:\u003c\/p\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eالأسبوع الأول\u003c\/b\u003e\u003cp\u003eبتبدأي الروتين، والسيروم بيوصل للجذور كل ليلة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eالأسبوع الثالث\u003c\/b\u003e\u003cp\u003eالرموش بتبان أقوى وبتقع أقل وانتي بتشيلي الميكب.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eالأسبوع السادس\u003c\/b\u003e\u003cp\u003eالوقت اللي بيتوقع فيه الفرق يبان بالعين في الطول والكثافة. النتيجة بتختلف من شخص لشخص.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg class=\"ph\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/14f27c24-1d78-439d-afcd-027f6ccb21a8.jpg\" alt=\"رحلة الستة أسابيع مع سيروم كابكسي\" width=\"1024\" height=\"1024\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003eقارني بنفسك\u003c\/h2\u003e\n\u003ctable\u003e\n\u003ctr\u003e\n\u003cth\u003e\u003c\/th\u003e\n\u003cth\u003eCapixy\u003c\/th\u003e\n\u003cth\u003eإكستنشن\u003c\/th\u003e\n\u003cth\u003eرموش صناعية\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eرموشك الحقيقية بتتقوى\u003c\/td\u003e\n\u003ctd class=\"y\"\u003eأيوه\u003c\/td\u003e\n\u003ctd class=\"n2\"\u003eلأ\u003c\/td\u003e\n\u003ctd class=\"n2\"\u003eلأ\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eمن غير صمغ\u003c\/td\u003e\n\u003ctd class=\"y\"\u003eأيوه\u003c\/td\u003e\n\u003ctd class=\"n2\"\u003eلأ\u003c\/td\u003e\n\u003ctd class=\"n2\"\u003eلأ\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eبيشتغل على الحواجب كمان\u003c\/td\u003e\n\u003ctd class=\"y\"\u003eأيوه\u003c\/td\u003e\n\u003ctd class=\"n2\"\u003eلأ\u003c\/td\u003e\n\u003ctd class=\"n2\"\u003eلأ\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eمن غير مواعيد صالون\u003c\/td\u003e\n\u003ctd class=\"y\"\u003eأيوه\u003c\/td\u003e\n\u003ctd class=\"n2\"\u003eلأ\u003c\/td\u003e\n\u003ctd class=\"y\"\u003eأيوه\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eشكل طبيعي 100%\u003c\/td\u003e\n\u003ctd class=\"y\"\u003eأيوه\u003c\/td\u003e\n\u003ctd class=\"n2\"\u003eأحياناً\u003c\/td\u003e\n\u003ctd class=\"n2\"\u003eنادراً\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/table\u003e\n\u003cimg class=\"ph\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/c4775939-2eb2-4129-a2ba-d58dd0ace890.jpg\" alt=\"وضع سيروم كابكسي على الحواجب\" width=\"1024\" height=\"1024\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003eالأنبوبة دي ليكي لو\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eرموشك \u003cspan class=\"k\"\u003eقصيرة أو خفيفة\u003c\/span\u003e بطبيعتها.\u003c\/li\u003e\n\u003cli\u003eرموشك ضعفت بعد سنين من \u003cspan class=\"k\"\u003eالإكستنشن أو الرموش الصناعية\u003c\/span\u003e.\u003c\/li\u003e\n\u003cli\u003eعندك \u003cspan class=\"k\"\u003eفراغات في الحاجب\u003c\/span\u003e وعايزة تملّيها.\u003c\/li\u003e\n\u003cli\u003eزهقتي من المواعيد والفلوس اللي بتروح كل 3 أسابيع.\u003c\/li\u003e\n\u003cli\u003eمستعدة تلتزمي \u003cspan class=\"k\"\u003e6 أسابيع على الأقل\u003c\/span\u003e وتحكمي بنفسك.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003eقبل أول استخدام\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eللاستخدام الخارجي على خط الرموش والحواجب بس، ومش جوه العين.\u003c\/li\u003e\n\u003cli\u003eلو دخل العين، اغسليها بمية كتير.\u003c\/li\u003e\n\u003cli\u003eجربيه الأول على جزء صغير لو بشرتك حساسة. ولو حصل احمرار أو حرقان أو تهيج، وقّفي الاستخدام.\u003c\/li\u003e\n\u003cli\u003eلو بتلبسي عدسات لاصقة، شيليها قبل ما تحطيه واستني لحد ما ينشف.\u003c\/li\u003e\n\u003cli\u003eلو في حمل أو رضاعة أو أي مشكلة في العين، استشيري دكتورك الأول.\u003c\/li\u003e\n\u003cli\u003eده منتج عناية مش علاج طبي.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"c\"\u003eأسئلة قبل ما تطلبي\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003eهشوف نتيجة بعد قد إيه؟\u003c\/summary\u003e\u003cp\u003eالفرق بيتوقع يبان في حوالي \u003cspan class=\"k\"\u003e6 أسابيع\u003c\/span\u003e من الاستخدام اليومي، وبيختلف من شخص لشخص.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eأحطه إمتى؟\u003c\/summary\u003e\u003cp\u003e\u003cspan class=\"k\"\u003eمرة واحدة يومياً بالليل\u003c\/span\u003e على بشرة نضيفة من غير ميكب.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eينفع للحواجب؟\u003c\/summary\u003e\u003cp\u003eأيوه، نفس الفرشاة على فراغات الحاجب.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eينفع أحط ماسكرا فوقه؟\u003c\/summary\u003e\u003cp\u003eأيوه، بعد ما ينشف تماماً. والأفضل تحطيه بالليل على رموش نضيفة.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eلو وقفت استخدامه؟\u003c\/summary\u003e\u003cp\u003eالرموش بتمشي بدورة نمو طبيعية، فعشان تحافظي على النتيجة كمّلي عليه.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eالمنتج أصلي؟ وبتشحنوا لفين؟\u003c\/summary\u003e\u003cp\u003eأيوه، \u003cspan class=\"k\"\u003eمنتج أصلي\u003c\/span\u003e، وبنشحن لكل أنحاء العالم.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\" style=\"padding-top:12px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta\"\u003e\n\u003ch2\u003eبعد 6 أسابيع، الناس هتسألك: \"دي رموشك الحقيقية؟\"\u003c\/h2\u003e\n\u003cp style=\"max-width:700px;margin:10px auto 0;font-size:18px\"\u003eودي هتبقى أحلى إجابة ممكن تقوليها: \u003cspan class=\"k\"\u003eأيوه\u003c\/span\u003e. أنبوبة \u003cbdi\u003eCapixy Lash \u0026amp; Brow Serum\u003c\/bdi\u003e 10 مل، دقيقة كل ليلة، ورموشك انتي اللي بتتغير.\u003c\/p\u003e\n\u003cimg class=\"ph\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/7733e40e-370a-4326-b29a-e9963cfc21d5.jpg\" alt=\"سيروم كابكسي للرموش\" width=\"1024\" height=\"1024\" loading=\"lazy\"\u003e\n\u003cdiv class=\"btn\"\u003eاطلبي رموش أحلامك\u003c\/div\u003e\n\u003cdiv class=\"trust\"\u003e\n\u003cspan\u003eمنتج أصلي\u003c\/span\u003e\u003cspan\u003eشحن لكل أنحاء العالم\u003c\/span\u003e\u003cspan\u003eدعم على واتساب\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eKey actives:\u003c\/b\u003e Capixyl, Aminexil, Baicapil, Anagain. 10 ml. For lashes and brows. Full ingredient list is printed on the pack.\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Capixy","offers":[{"title":"Default Title","offer_id":46999378526382,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/7733e40e-370a-4326-b29a-e9963cfc21d5.jpg?v=1792936068"},{"product_id":"raw-african-follicle-booster-eyebrows-15-ml","title":"Raw African سيروم تحفيز نمو الرموش و الحواجب 15 ml","description":"\u003cp\u003e\u003cstrong\u003eهل تحلمين بحواجب كثيفة وجذابة ورموش طويلة تزين عينيك؟ لقد وصلتِ إلى المكان الصحيح!\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eاكتشفي طريقة سحرية للحصول على حواجب أكثر امتلاءً ورموش أطول باستخدام \"مصل تحفيز نمو الرموش والحواجب\" من Raw African\u003cbr\u003e\u003cbr\u003eيحتوي السيروم على مكونات طبيعية مثبتة علميا في قدرتها على إنبات الشعر : \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e1. زيت اللوز الحلو و إكليل الجبل ( الروزماري ):\u003c\/strong\u003e \u003cspan data-mce-fragment=\"1\"\u003eيعززان نمو الشعر الطبيعي للحواجب ويحميان البشرة الحساسة حول العين\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e2. زيت الجوز البرّي وزيت الأرغان:\u003c\/strong\u003e دعي شعر حواجبك يزدهر وينمو بقوة مع هذه الزيوت الثمينة، التي تحفز نمو الشعر وتمنحه الترطيب العميق والتغذية.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eسهل الاستخدام , لا يسبب حساسية أو تهيج , نتائجه سريعة\u003c\/strong\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e• امزجي قطرات صغيرة من \"مصل تحفيز نمو الرموش والحواجب\" على حواجبك ورموشك، ودلكي بلطف لبضع دقائق.\u003c\/p\u003e\n\u003cp\u003e• استريحي لمدة 30 دقيقة إلى ساعة.\u003c\/p\u003e\n\u003cp\u003e• بعد ذلك، استخدمي مزيل المكياج لغسله بلطف!\u003c\/p\u003e\n\u003cp\u003eملحوظة : لا يترك لفترات طويلة \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eحجم العبوة: 15 مل.\u003c\/li\u003e\n\u003cli\u003eتركيبة خالية من المواد الضارة والكيماويات القاسية, حتى لا يسبب أي تهيج و حساسية في محيط العين.\u003c\/li\u003e\n\u003cli\u003eنحن نؤمن بالجمال الطبيعي ولذلك، لا نختبر منتجاتنا على الحيوانات، فنحن نحترم كل مخلوق حي على هذه الأرض.\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Raw African","offers":[{"title":"Default Title","offer_id":46999380328622,"sku":null,"price":3.56,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/rawafricanfollicleboosterforeyebrowsandeyelashesl_-min_3_9496b4a0-d6eb-4ebe-8be1-d68c4d8fb2bf.jpg?v=1788175437"},{"product_id":"vacation-hyaluronic-serum","title":"Vacation سيروم حمض الهياليرونيك عالي التركيز 3% |ترطيب | ضد الشيخوخة","description":"\u003ch2\u003eأقوى تركيبة هياليرونيك \u003c\/h2\u003e\n\u003cp\u003eجربي أعلى تركيز ممكن من الهياليرونيك الذي يعد المركب الأول والأقيم في العناية بالبشرة ! تركيز عالي بنسبة 3% تضمنلك أعلى كفاءة ترطيب لأطول مدة و بأقل كمية. \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eلاحظ التغير اللحظي في نسيج بشرتك. \u003cbr\u003e\n\u003c\/h2\u003e\n\u003cp\u003eستلاحظ التغير الهائل في نسيج جلدك و النضارة الفائقة خلال دقائق من امتصاص المنتج\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eيعالج أعمق مشاكل الجلد \u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eترطيب : يسحب أكثر من 5000 ضعف وزنه من الماء\u003c\/li\u003e\n\u003cli\u003eيملأ التجاعيد والخطوط الدقيقة و يستعيد شباب بشرتك\u003c\/li\u003e\n\u003cli\u003eيحسن نسيج البشرة و يصغر المسام\u003c\/li\u003e\n\u003cli\u003eيتخلص من الحبوب مع الاستخدام المستمر \u003c\/li\u003e\n\u003cli\u003eيقلل الالتهاب و الاحمرار في نسيج الجلد \u003c\/li\u003e\n\u003cli\u003eيحسن مرونة الجلد و يقلل من التجاعيد التعبيرية و الحركية\u003c\/li\u003e\n\u003cli\u003eيستعيد وظيفة حاجز البشرة \u003c\/li\u003e\n\u003cli\u003eيمنع علامات الشيخوخة المبكرة\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eبشرة مثالية في أقل وقت و أقل تكلفة\u003c\/h2\u003e\n\u003cp\u003eتوقع نتائج مبهرة مع استخدامك لهذا التركيز العالي من الهياليرونيك, \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eنقطتين من السيروم تغطي بشرتك بالكامل. \u003cbr\u003e\n\u003c\/h2\u003e\n\u003cp\u003eتم تصميم هذه التركيبة بمعدل لزوجة مثالي حتى تكفي أقل كمية من السيروم لتغطية بشرتك بالكامل, تدوم العبوة عدة شهور مع الاستخدام المتوسط مما يضمنلك قيمة عالية مقابل السعر\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!----\u003e","brand":"Vacation","offers":[{"title":"Default Title","offer_id":46999383605422,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/1-hya.png?v=1788175424"},{"product_id":"vacation-niacinamide-zn-pca-serum-10-30-ml","title":"VACATION NIACINAMIDE + ZN PCA SERUM 10% 30 ML","description":"\u003ch2\u003eبشرتك في أصفى حالاتها مع سيروم نياسيناميد والزنك\u003c\/h2\u003e\n\u003ch3\u003eمسامات غير مرئية\u003c\/h3\u003e\n\u003cp\u003eالنياسيناميد هو المركب المثالي والأفضل في تقليص المسام لأقصى الحدود، مما يجعل بشرتك نضرة ومشدودة وخالية من الرؤوس السوداء والرؤوس البيضاء.\u003c\/p\u003e\n\u003ch3\u003eفعال ضد أشد الحبوب\u003c\/h3\u003e\n\u003cp\u003eيخفف سيروم نياسيناميد والزنك من الاحمرار وآثار حب الشباب، حيث سترين نتائج إيجابية خصوصاً في الحبوب الملتهبة. الزنك يعمل كمضاد للبكتيريا، مما يساعد في الحفاظ على بشرة نقية.\u003c\/p\u003e\n\u003ch3\u003eشبابك دائم\u003c\/h3\u003e\n\u003cp\u003eيعتبر النياسيناميد من أقوى مضادات الشيخوخة، حيث يختزل الجذور الحرة المسببة للشيخوخة ويحسن إنتاج الكولاجين. كما يعزز إنتاج الكيراتين الذي يشد الجلد ويزيد سماكته، مما يخفف من آثار الخطوط الدقيقة والتجاعيد.\u003c\/p\u003e\n\u003ch3\u003eبشرتك صافية وموحدة اللون\u003c\/h3\u003e\n\u003cp\u003eفي تركيزاته العالية، يقوم النياسيناميد بمعادلة صبغة الميلانين، مما يفتح المناطق الداكنة ويجعل بشرتك موحدة اللون.\u003c\/p\u003e\n\u003ch3\u003eترطيب عميق بدون أثر دهني\u003c\/h3\u003e\n\u003cp\u003eيعمل النياسيناميد على احتجاز الرطوبة في بشرتك عن طريق تكوين \"حاجز الرطوبة\" الذي يمنع فقدان الماء من بشرتك. كما يعادل إنتاج الزيوت في البشرة الدهنية فلا يترك أثراً دهنياً.\u003c\/p\u003e\n\u003ch3\u003eإزالة الرؤوس السوداء والبيضاء\u003c\/h3\u003e\n\u003cp\u003eيعالج سيروم نياسيناميد والزنك جلد قشرة البرتقالة عن طريق تحفيز تكوين خلايا جلد جديدة والترطيب العميق للبشرة.\u003c\/p\u003e\n\u003ch3\u003eيناسب جميع أنواع البشرة\u003c\/h3\u003e\n\u003cp\u003eسيروم نياسيناميد والزنك يناسب البشرة الجافة، العادية، المختلطة، والدهنية. خفيف على البشرة وسريع الامتصاص.\u003c\/p\u003e\n\u003ch3\u003eطريقة الاستخدام\u003c\/h3\u003e\n\u003cp\u003eيوضع كمية بسيطة جداً على الوجه صباحاً ومساءً على بشرة نظيفة قبل وضع أي كريمات أخرى أو زيوت أو مرطبات للبشرة. لا يجب استخدامه في نفس الوقت مع العلاجات التي تحتوي على فيتامين سي النقي (حمض الأسكروبيك).\u003c\/p\u003e\n\u003ch3\u003eمكونات أساسية\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eنياسيناميد\u003c\/strong\u003e: ممتاز لتحسين الصحة العامة للبشرة، يعزز مناعة الجلد ويحسن الاحتفاظ بالرطوبة عن طريق تقوية حاجز البشرة.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eزنك\u003c\/strong\u003e: يدعم بنية الجلد عن طريق شفاء الجلد التالف وتشجيع إنتاج الكولاجين والإيلاستين.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eحجم العبوة\u003c\/h3\u003e\n\u003cp\u003eحجم العبوة 30 مل.\u003c\/p\u003e\n\u003c!----\u003e","brand":"Vacation","offers":[{"title":"Default Title","offer_id":46999384228014,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/vacation-niacinamide-10zinc_cf754937-77a8-45cc-a8ad-74eb3c42299a.png?v=1788175422"},{"product_id":"vacation-retinol-سيروم-الريتينول-و-الفيتامين-إي-30-مل-مضاد-للتجاعيد-مضاد-للحبوب-مضاد-للتصبغات","title":"vacation retinol | سيروم الريتينول و الفيتامين إي 30 مل | مضاد للتجاعيد | مضاد للحبوب | مضاد للتصبغات","description":"\u003cdiv class=\"flex-shrink-0 flex flex-col relative items-end\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"w-[30px]\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"relative p-1 rounded-sm h-[30px] w-[30px] text-white flex items-center justify-center\" data-mce-fragment=\"1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-shrink-0 flex flex-col relative items-end\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"w-[30px]\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"relative p-1 rounded-sm h-[30px] w-[30px] text-white flex items-center justify-center\" data-mce-fragment=\"1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2\u003eبشرتك في أبهى حالاتها مع سيروم ريتينول 1%\u003c\/h2\u003e\n\u003ch3\u003eتجديد وإشراق بشرتك\u003c\/h3\u003e\n\u003cp\u003eمع سيروم ريتينول 1%، ستشعرين بفارق ملحوظ في نضارة وإشراق بشرتك. الريتينول يعزز تجديد الخلايا مما يساعد في تقشير البشرة بلطف وإزالة الخلايا الميتة لتظهر بشرة جديدة ومتألقة.\u003c\/p\u003e\n\u003ch3\u003eمحاربة علامات الشيخوخة\u003c\/h3\u003e\n\u003cp\u003eأقوى سلاح ضد التجاعيد\u003c\/p\u003e\n\u003cp\u003eالريتينول يعمل على تقليل ظهور التجاعيد والخطوط الدقيقة من خلال تعزيز إنتاج الكولاجين. سيجعل بشرتك تبدو مشدودة وأكثر شبابًا مع الاستخدام المنتظم.\u003c\/p\u003e\n\u003ch3\u003eفعال ضد حب الشباب\u003c\/h3\u003e\n\u003cp\u003eحلول فورية لأصعب الحبوب\u003c\/p\u003e\n\u003cp\u003eسيروم ريتينول 1% فعال في محاربة حب الشباب وتنظيف المسام بعمق. يساعد الريتينول في منع انسداد المسام وتقليل الاحمرار والالتهاب المرتبطين بحب الشباب، مما يمنحك بشرة أكثر نقاءً.\u003c\/p\u003e\n\u003ch3\u003eبشرة صافية وموحدة اللون\u003c\/h3\u003e\n\u003cp\u003eيعزز سيروم ريتينول 1% تجديد خلايا البشرة مما يساعد في تقليل التصبغات وتوحيد لون البشرة. ستلاحظين بشرتك أكثر إشراقًا وتجانسًا بمرور الوقت.\u003c\/p\u003e\n\u003ch3\u003eترطيب عميق\u003c\/h3\u003e\n\u003cp\u003eترطيب مثالي بدون لزوجة\u003c\/p\u003e\n\u003cp\u003eعلى الرغم من تأثيراته القوية في تجديد البشرة، إلا أن سيروم ريتينول 1% يضمن ترطيب عميق للبشرة. تركيبته خفيفة وسريعة الامتصاص، لا تترك أثرًا دهنيًا وتمنح بشرتك نعومة ورطوبة.\u003c\/p\u003e\n\u003ch3\u003eمناسب لجميع أنواع البشرة\u003c\/h3\u003e\n\u003cp\u003eسواء كانت بشرتك جافة، عادية، مختلطة، أو دهنية، فإن سيروم ريتينول 1% مثالي لك. يمكن استخدامه في روتين العناية الليلي للحصول على أفضل النتائج.\u003c\/p\u003e\n\u003ch3\u003eطريقة الاستخدام\u003c\/h3\u003e\n\u003cp\u003eيوضع كمية صغيرة على الوجه في المساء بعد تنظيف البشرة. يُفضل البدء باستخدامه تدريجياً لتتعود البشرة عليه. تجنبي استخدامه مع منتجات تحتوي على أحماض قوية، واحرصي على استخدام واقي الشمس خلال النهار.\u003c\/p\u003e\n\u003ch3\u003eالمكونات الأساسية\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eريتينول\u003c\/strong\u003e: يعزز تجديد خلايا البشرة، يقلل من ظهور التجاعيد والخطوط الدقيقة، ويحسن لون البشرة.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eمضادات الأكسدة\u003c\/strong\u003e: تحمي البشرة من الأضرار البيئية وتعزز صحة الجلد بشكل عام.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eحجم العبوة\u003c\/h3\u003e\n\u003cp\u003eحجم العبوة 30 مل.\u003c\/p\u003e","brand":"Vacation","offers":[{"title":"Default Title","offer_id":46999384457390,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/ret-3.png?v=1788175422"},{"product_id":"the-ordinary-soothing-barrier-support-serum-30-ml","title":"The Ordinary Soothing \u0026 Barrier Support Serum 30 ml","description":"\u003cp\u003eهل تعاني من احمرار البشرة وتسبب تهيجها في إحباطك وفقدان ثقتك بنفسك؟ في عالم سريع التغير، قد يكون الجلد هو أول من يتأثر، ويعاني من العوامل البيئية الضارة. ترك تهيج البشرة بدون معالجة قد يؤدي إلى تفاقم المشكلة، ما يجعل الأمر أكثر صعوبة في استعادة توازن بشرتك.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_soothing_and_barrier_support_benefits.png?v=1741180015\" style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/p\u003e\n\u003ch3\u003e\"اجعل بشرتك درعك، وليس عبئك!\"\u003c\/h3\u003e\n\u003cp\u003eمع سيروم \u003cstrong\u003eSoothing \u0026amp; Barrier Support\u003c\/strong\u003e، لديك الحل الفوري! هذا السيروم ليس مجرد علاج، بل هو حليفك في استعادة صحة بشرتك. تركيبته الغنية التي تضم فيتامين ب12 ومشتقات حمض الغاليك والبيسابولول تعمل على تقليل الاحمرار والشعور بالانزعاج. وفي غضون ساعتين فقط، يعزز حاجز بشرتك ويعيد لها حيويتها.\u003c\/p\u003e\n\u003ch3\u003e\"استعد توازن بشرتك بإشراقة جديدة!\"\u003c\/h3\u003e\n\u003cp\u003eعندما يتعلق الأمر بالترطيب، يوفر السيروم زيادة فورية في الترطيب تصل إلى 86%، مما يجعلك تشعر بالراحة والترطيب طوال اليوم. كما يعمل على تحسين ملمس البشرة، ليمنحك مظهراً أكثر نعومة وإشراقاً.\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Soothing-Barrier-Support-Serum.webp?v=1741180098\" style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eكيف يعمل السيروم؟\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eترميم سريع لحاجز البشرة\u003c\/strong\u003e: بفضل مكوناته الفعالة، يوفر السيروم دعمًا مثاليًا لحاجز البشرة، مما يقلل من فقدان الرطوبة ويقلل من علامات الاحمرار والتهيج.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eزيادة فورية في الترطيب\u003c\/strong\u003e: يوفر السيروم زيادة فورية في ترطيب البشرة تصل إلى 86%*، مما يعني أن بشرتك ستصبح أكثر نعومة وانتعاشًا في لحظات.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eتحسين ملحوظ في المظهر\u003c\/strong\u003e: بفضل تقنياته المتعددة، يساهم السيروم في تحسين ملمس البشرة غير المتجانس، مما يمنحك مظهرًا أكثر نضارة.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003eمكونات فعالة لدعم بشرتك:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eفيتامين B12\u003c\/strong\u003e: يُحسن من مظهر البشرة ويقلل من الجفاف والاحمرار، ويضفي لونًا ورديًا مميزًا للسيروم.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eحمض الجاليك\u003c\/strong\u003e: يعمل على تهدئة التهيجات وتقليل الاحمرار المرتبط بالعوامل البيئية.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eبيسابولول\u003c\/strong\u003e: مكون معروف بقدرته على تهدئة البشرة وتقليل الاحمرار.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\n\u003cstrong\u003e\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/h3\u003e\n\u003ch3\u003e\u003cstrong\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the_ordinary_soothing_and_barrier_support.png?v=1741180382\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch3\u003e\u003cstrong\u003eفوائد مدعومة علميًا:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eتحسين حاجز البشرة في ساعتين\u003c\/strong\u003e: أثبتت الدراسات أن السيروم يساعد في ترميم الحاجز الجلدي بشكل ملحوظ.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eترطيب يدوم طوال اليوم\u003c\/strong\u003e: الترطيب الذي يوفره السيروم ليس فقط فوريًا، بل يستمر طوال اليوم.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eتحسين واضح في مظهر البشرة\u003c\/strong\u003e: تقليل الاحمرار وتحسين ملمس البشرة لضمان نتائج ملموسة.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eإن سيروم \u003cstrong\u003eSoothing \u0026amp; Barrier Support\u003c\/strong\u003e هو الخيار المثالي لكل من يسعى للحصول على بشرة صحية ونضرة. لا تتردد في استخدامه، خاصة إذا كنت تعاني من مشاكل جلدية مزمنة أو تتعرض لعوامل تهيج متكررة.\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e\"لأن بشرتك تستحق العناية القصوى!\"\u003c\/h3\u003e\n\u003cp\u003eهذا السيروم مصمم ليناسب جميع أنواع البشرة، بما في ذلك البشرة الحساسة. لا تدع التهيج يؤثر على جمالك، وامنح بشرتك العناية التي تستحقها مع \u003cstrong\u003eSoothing \u0026amp; Barrier Support Serum\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eاختبر الفرق اليوم واستعد لجعل بشرتك أكثر إشراقاً وصحة من أي وقت مضى.\u003c\/p\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":46999386882222,"sku":"INSTA1558CHIQ","price":21.2,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/the_ordinary_soothing_and_barrier_support_ca2003a6-257b-4c56-a3f9-19fb1b4ca5cf.jpg?v=1788175414"},{"product_id":"somebymi-retinol-trial-kit","title":"SOME BY MI Retinol Intense Trial Kit (Serum 10ml + Cream 10ml)","description":"\u003cdiv dir=\"rtl\"\u003e\n\u003ch3\u003e\u003cstrong\u003eتجاعيد اليوم هي شيخوخة الغد – الآن هو وقت التغيير!\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_1.png?v=1731924342\" style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_1.png?v=1731924342\"\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003eلأن كل يوم يمضي بدون عناية هو خطوة أقرب لفقدان بشرتك مرونتها وسحرها.\u003c\/em\u003e\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eالتركيبة المتكاملة للعين والبشرة\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003eاجمعي بين القوة المركزة لكريم العين والسيروم لتغيير شامل يمنحك بشرة خالية من الخطوط ومشرقة بالنعومة.\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_2.png?v=1731924564\" style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_2.png?v=1731924564\"\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eالخطوة الأولى: كريم العين الثلاثي التأثير\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eمع كل تطبيق، يمنحك هذا الكريم علاجاً متكاملاً:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eتحسين التجاعيد والمرونة:\u003c\/strong\u003e بفضل الريتينول والريتينال، يعزز إنتاج الكولاجين لرفع وشد البشرة حول العينين.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eتفتيح وتصحيح اللون الداكن:\u003c\/strong\u003e النياسيناميد يعيد الإشراق لعينيك ويزيل مظهر التعب.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eتهدئة وترطيب فوري:\u003c\/strong\u003e التركيبة الغنية بـ Truecica والماء الجليدي تمنح تهدئة عميقة للبشرة الحساسة.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_3.png?v=1731924714\" style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_3.png?v=1731924714\"\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eالخطوة الثانية: السيروم\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eاختبري ثورة الريتينول المركزة على بشرتك!\u003cbr\u003e\u003cem\u003eهذه التركيبة تحتوي على التركيز المثالي من الريتينول حتى تحقق أقصى استفادة لبشرتك بدون أي تهيج أو احمرار\u003c\/em\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eتجديد البشرة:\u003c\/strong\u003e يدعم الريتينول قوام البشرة عبر تسريع دوران الخلايا وتجديد البشرة من الداخل للخارج.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eتقليص المسام واستعادة النعومة:\u003c\/strong\u003e بفضل الكولاجين النباتي والبيبتيدات، يعمل على تحسين مظهر المسام مع توفير ترطيب عميق يدوم.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eحماية مستدامة:\u003c\/strong\u003e مزيج الفيتامينات والمكونات المهدئة يضمن بشرة متألقة وخالية من الإجهاد.\u003c\/li\u003e\n\u003cli\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003eعناية شاملة، نتائج مذهلة\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eمعاً، يعمل الكريم والسيروم بتناغم لإصلاح وتجديد بشرتك من الداخل إلى الخارج، مما يجعل عينيك وبشرتك ناعمة، مرنة، وشابة.\u003cstrong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eكيف يعمل الثنائي لتحقيق نتائج لا مثيل لها؟\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch4\u003e\u003cstrong\u003eكريم العين الثلاثي التأثير\u003c\/strong\u003e\u003c\/h4\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eتحفيز إنتاج الكولاجين:\u003c\/strong\u003e\u003cbr\u003eبفضل مزيج الريتينول والريتينال، يُسرِّع الكريم عملية تجديد خلايا البشرة ويعزز إنتاج الكولاجين الطبيعي. هذا يعيد للبشرة حول العينين مرونتها ويقلل التجاعيد بشكل ملحوظ.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eتصحيح الهالات الداكنة:\u003c\/strong\u003e\u003cbr\u003eالنياسيناميد، المعروف بقدرته الفائقة على التفتيح، يعمل بفعالية على تقليل فرط التصبغ حول العينين، ليعيد الإشراق لوجهك.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eتقليل التهيج والاحمرار:\u003c\/strong\u003e\u003cbr\u003eمكونات Truecica والماء الجليدي تهدئ البشرة الحساسة فوراً، مما يجعلها مناسبة حتى للبشرة التي تعاني من الإجهاد.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003chr\u003e\n\u003ch4\u003e\u003cstrong\u003eالسيروم \u003c\/strong\u003e\u003c\/h4\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eتجديد البشرة بعمق:\u003c\/strong\u003e\u003cbr\u003eالريتينول والريتينال يعززان دوران الخلايا وتجديد الأنسجة، مما يقلل الخطوط الدقيقة والتجاعيد ويحسن مرونة البشرة بشكل ملحوظ.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eترطيب متعدد الطبقات:\u003c\/strong\u003e\u003cbr\u003eبفضل حمض الهيالورونيك والببتيدات، يوفر السيروم ترطيباً عميقاً يخترق طبقات البشرة لتجديد ترطيبها الداخلي.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eتحسين قوام البشرة:\u003c\/strong\u003e\u003cbr\u003eالكولاجين النباتي يقلل من مظهر المسام، مما يمنح البشرة مظهراً أكثر نعومة وتماسكاً.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eحماية البشرة من الإجهاد البيئي:\u003c\/strong\u003e\u003cbr\u003eيحتوي السيروم على مكونات مهدئة وفيتامينات تمنع الالتهاب وتحافظ على توازن البشرة.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003chr\u003e\n\u003ch3\u003e\u003cstrong\u003eالتناغم المثالي بين المنتجات\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eباستخدام الكريم والسيروم معاً:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eكريم العين يستهدف البشرة الحساسة حول العينين بتأثير فوري.\u003c\/li\u003e\n\u003cli\u003eالسيروم يعمل على إصلاح البشرة بشكل شامل لتحسين ملمسها وترطيبها وتجديد شبابها.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4\u003e\n\u003cstrong\u003e\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/h4\u003e\n\u003ch4\u003e\u003cstrong\u003eاستمعي إلى نداء بشرتك اليوم، لأن الغد قد يحمل المزيد من الخطوط التي يصعب محوها.\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003e\u003cem\u003e\u003cstrong\u003eالنتائج ليست مجرد وعود، بل حقيقة معتمدة باختبارات تحسين التجاعيد ورضا العملاء. هل أنتِ مستعدة للتغيير؟\u003cbr\u003e\u003c\/strong\u003e\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e\u003cstrong\u003eابدئي رحلتك نحو بشرة مثالية الآن، قبل أن تتراكم آثار الوقت وتجعل الطريق أطول.\u003c\/strong\u003e\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999387177134,"sku":null,"price":17.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_3.webp?v=1788175413"},{"product_id":"somebymi-retinol-intense-reactivating-serum","title":"SOME BY MI Retinol Intense Reactivating Serum | سيروم تصحيح التجاعيد | استعادة مرونة البشرة","description":"\u003cdiv class=\"sbm-ultimate-wrapper\" dir=\"rtl\"\u003e\n \u003cstyle\u003e\n \/* === Core Variables (SOME BY MI Identity: Deep Amethyst \u0026 Gold) === *\/\n .sbm-ultimate-wrapper {\n --sbm-bg-dark: #0a0510; \/* Deepest purple-black *\/\n --sbm-bg-darker: #050208;\n --sbm-card-glass: rgba(255, 255, 255, 0.03);\n --sbm-card-hover: rgba(139, 92, 246, 0.08);\n --sbm-primary: #8b5cf6; \/* Vibrant purple *\/\n --sbm-primary-glow: rgba(139, 92, 246, 0.3);\n --sbm-gold: #f59e0b; \/* Accent Gold *\/\n --sbm-gold-glow: rgba(245, 158, 11, 0.25);\n --sbm-gradient-accent: linear-gradient(135deg, #a78bfa 0%, #6d28d9 100%);\n --sbm-gradient-gold: linear-gradient(135deg, #fcd34d 0%, #b45309 100%);\n --sbm-gradient-bg: linear-gradient(135deg, #2e1065 0%, #0a0510 100%);\n --sbm-text-light: #f8fafc;\n --sbm-text-muted: #cbd5e1;\n --sbm-border: rgba(255, 255, 255, 0.08);\n --sbm-border-highlight: rgba(139, 92, 246, 0.4);\n \n font-family: inherit; \/* Inherits Shopify theme font *\/\n line-height: 1.8;\n overflow: hidden;\n position: relative;\n background-color: var(--sbm-bg-dark);\n color: var(--sbm-text-light);\n border-radius: 24px;\n box-shadow: 0 0 60px rgba(0,0,0,0.9) inset;\n }\n\n .sbm-ultimate-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .sbm-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n \/* === Mobile-Perfect Media Wrappers === *\/\n .sbm-media-wrapper {\n position: relative;\n width: 100%;\n margin: 0 auto 40px;\n display: block;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.6), 0 0 30px var(--sbm-primary-glow);\n border: 1px solid var(--sbm-border);\n overflow: hidden;\n }\n\n .sbm-media-wrapper.size-lg { max-width: 850px; }\n .sbm-media-wrapper.size-md { max-width: 600px; }\n\n .sbm-product-media {\n width: 100%;\n height: auto;\n display: block;\n object-fit: cover;\n transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\n }\n\n .sbm-media-wrapper:hover .sbm-product-media {\n transform: scale(1.03);\n }\n\n \/* === Typography === *\/\n .sbm-title-main {\n font-size: clamp(28px, 5vw, 42px);\n font-weight: 900;\n line-height: 1.3;\n margin-bottom: 25px;\n letter-spacing: -0.02em;\n text-align: center;\n }\n\n .sbm-title-section {\n font-size: clamp(24px, 4vw, 34px);\n font-weight: 800;\n text-align: center;\n margin-bottom: 20px;\n color: #ffffff;\n position: relative;\n }\n\n .sbm-subtitle {\n font-size: clamp(16px, 2.5vw, 18px);\n color: var(--sbm-text-muted);\n text-align: center;\n max-width: 800px;\n margin: 0 auto 40px;\n font-weight: 500;\n }\n\n .sbm-text-purple {\n background: var(--sbm-gradient-accent);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n display: inline-block;\n }\n \n .sbm-text-gold {\n background: var(--sbm-gradient-gold);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n display: inline-block;\n }\n\n .sbm-warning-box {\n background: rgba(245, 158, 11, 0.08);\n border-right: 4px solid var(--sbm-gold);\n padding: 30px;\n border-radius: 16px;\n margin: 40px auto;\n max-width: 850px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n text-align: justify;\n }\n\n .sbm-warning-box p {\n font-size: 1.15rem;\n margin-bottom: 15px;\n color: var(--sbm-text-light);\n }\n .sbm-warning-box p:last-child { margin-bottom: 0; }\n\n \/* === Alternating Sections === *\/\n .sbm-section { padding: 80px 0; position: relative; }\n \n .sbm-theme-dark { background-color: var(--sbm-bg-dark); }\n .sbm-theme-darker { background-color: var(--sbm-bg-darker); border-top: 1px solid var(--sbm-border); border-bottom: 1px solid var(--sbm-border); }\n .sbm-theme-gradient { background: var(--sbm-gradient-bg); }\n\n \/* Ambient Glows *\/\n .sbm-ambient {\n position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; z-index: 0;\n }\n .sbm-glow {\n position: absolute; border-radius: 50%; filter: blur(100px); opacity: 0.5;\n }\n .sbm-glow-1 { width: 500px; height: 500px; background: rgba(139, 92, 246, 0.15); top: -100px; right: -150px; }\n .sbm-glow-2 { width: 600px; height: 600px; background: rgba(245, 158, 11, 0.1); bottom: 10%; left: -200px; }\n\n \/* === Grids \u0026 Glass Cards === *\/\n .sbm-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; }\n .sbm-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; }\n\n .sbm-card {\n background: var(--sbm-card-glass);\n backdrop-filter: blur(10px);\n border: 1px solid var(--sbm-border);\n border-radius: 20px;\n padding: 35px 25px;\n position: relative;\n transition: all 0.4s ease;\n }\n\n .sbm-card:hover {\n transform: translateY(-8px);\n background: var(--sbm-card-hover);\n border-color: var(--sbm-border-highlight);\n box-shadow: 0 15px 40px rgba(0,0,0,0.5), 0 0 20px var(--sbm-primary-glow);\n }\n\n .sbm-icon-badge {\n width: 55px; height: 55px;\n background: rgba(255,255,255,0.05);\n border: 1px solid var(--sbm-border);\n border-radius: 14px;\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 20px;\n color: var(--sbm-gold);\n font-size: 22px; font-weight: 900;\n transition: 0.4s ease;\n font-family: system-ui, sans-serif;\n }\n\n .sbm-card:hover .sbm-icon-badge {\n background: var(--sbm-gradient-gold);\n color: #000;\n transform: scale(1.1) rotate(5deg);\n border-color: transparent;\n }\n\n .sbm-card h3 { font-size: 1.3rem; font-weight: 800; margin-bottom: 12px; color: #fff; }\n .sbm-card p { font-size: 1.05rem; color: var(--sbm-text-muted); margin: 0; }\n\n \/* === Interactive Wrinkle Accordion === *\/\n .sbm-accordion { margin: 40px auto; max-width: 850px; }\n \n .sbm-acc-item {\n background: var(--sbm-card-glass);\n border: 1px solid var(--sbm-border);\n border-radius: 16px;\n margin-bottom: 15px;\n overflow: hidden;\n transition: all 0.3s ease;\n }\n\n .sbm-acc-item:hover { border-color: rgba(139, 92, 246, 0.3); }\n .sbm-acc-item.active { border-color: var(--sbm-primary); background: rgba(139, 92, 246, 0.05); box-shadow: 0 10px 25px rgba(0,0,0,0.3); }\n\n .sbm-acc-header {\n padding: 20px 25px;\n display: flex;\n align-items: center;\n cursor: pointer;\n user-select: none;\n }\n\n .sbm-acc-num {\n width: 35px; height: 35px;\n display: flex; align-items: center; justify-content: center;\n background: var(--sbm-gradient-accent);\n color: #fff;\n border-radius: 10px;\n margin-left: 20px;\n font-weight: 900;\n font-family: system-ui, sans-serif;\n }\n .sbm-acc-item.active .sbm-acc-num { background: var(--sbm-gradient-gold); color: #000; }\n\n .sbm-acc-title { font-size: 1.2rem; font-weight: 800; color: #fff; flex-grow: 1; }\n\n .sbm-acc-icon {\n width: 20px; height: 20px; position: relative;\n }\n .sbm-acc-icon::before, .sbm-acc-icon::after {\n content: ''; position: absolute; background: var(--sbm-text-muted); transition: 0.3s;\n }\n .sbm-acc-icon::before { width: 2px; height: 16px; top: 2px; left: 9px; }\n .sbm-acc-icon::after { width: 16px; height: 2px; top: 9px; left: 2px; }\n .sbm-acc-item.active .sbm-acc-icon::before { transform: rotate(90deg); opacity: 0; }\n .sbm-acc-item.active .sbm-acc-icon::after { background: var(--sbm-primary); }\n\n .sbm-acc-body {\n max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.4s ease;\n padding: 0 25px;\n }\n .sbm-acc-item.active .sbm-acc-body {\n padding: 0 25px 25px 25px; max-height: 300px;\n }\n\n .sbm-acc-desc { color: var(--sbm-text-muted); font-size: 1.05rem; margin-bottom: 15px; }\n .sbm-acc-ing {\n background: rgba(0,0,0,0.3); padding: 15px; border-radius: 10px; border-right: 3px solid var(--sbm-primary);\n color: #fff; font-size: 1rem;\n }\n\n \/* === Clean Lists === *\/\n .sbm-list { list-style: none; padding: 0; margin-top: 20px; }\n .sbm-list li {\n position: relative; padding-right: 30px; margin-bottom: 15px; color: var(--sbm-text-light); font-size: 1.05rem;\n }\n .sbm-list li::before {\n content: '✓'; position: absolute; right: 0; top: 0; color: var(--sbm-primary); font-weight: 900; font-size: 1.2rem;\n }\n \n .sbm-list.gold-checks li::before { color: var(--sbm-gold); }\n\n \/* === Usage Steps === *\/\n .sbm-steps {\n display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-top: 40px;\n }\n .sbm-step {\n background: var(--sbm-card-glass); border: 1px solid var(--sbm-border); padding: 30px 20px;\n border-radius: 16px; text-align: center; position: relative;\n }\n .sbm-step-num {\n width: 50px; height: 50px; margin: 0 auto 15px; background: var(--sbm-gradient-accent);\n color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center;\n font-size: 1.4rem; font-weight: 900; box-shadow: 0 5px 15px var(--sbm-primary-glow);\n font-family: system-ui, sans-serif;\n }\n .sbm-step h4 { color: #fff; font-size: 1.15rem; margin-bottom: 10px; }\n .sbm-step p { color: var(--sbm-text-muted); font-size: 0.95rem; line-height: 1.6; }\n\n \/* === Animations === *\/\n .sbm-reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .sbm-reveal.sbm-active { opacity: 1; transform: translateY(0); }\n .delay-1 { transition-delay: 0.1s; }\n .delay-2 { transition-delay: 0.2s; }\n\n @media (max-width: 768px) {\n .sbm-section { padding: 50px 0; }\n .sbm-media-wrapper { border-radius: 12px; }\n .sbm-title-main { font-size: 2rem; }\n .sbm-acc-header { padding: 15px; }\n }\n \u003c\/style\u003e\n\n \u003c!-- 1. HERO SECTION (Dark Theme) --\u003e\n \u003cdiv class=\"sbm-section sbm-theme-dark\" style=\"padding-top: 50px;\"\u003e\n \u003cdiv class=\"sbm-ambient\"\u003e\n \u003cdiv class=\"sbm-glow sbm-glow-1\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sbm-container\" style=\"text-align: center;\"\u003e\n \u003ch1 class=\"sbm-title-main sbm-reveal\"\u003eسيروم الريتينول المجدد من SOME BY MI\u003cbr\u003e\u003cspan class=\"sbm-text-gold\"\u003eالتجاعيد ليست مجرد خطوط... إنها نداء استغاثة!\u003c\/span\u003e\n\u003c\/h1\u003e\n \n \u003cp class=\"sbm-subtitle sbm-reveal delay-1\"\u003e\n لا يوفر هذا السيروم حلولاً مؤقتة، بل يُحدث تغييرات جذرية على المستوى الخلوي لاستعادة حيوية ونضارة البشرة التي تأثرت بمرور الزمن.\n \u003c\/p\u003e\n \n \u003cdiv class=\"sbm-media-wrapper size-lg sbm-reveal delay-2\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_reactivating_serum_2.webp?v=1745760317\" alt=\"Some By Mi Retinol Reactivating Serum\" class=\"sbm-product-media\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sbm-warning-box sbm-reveal\"\u003e\n \u003cp\u003eمع مرور الوقت، تصبح \u003cstrong class=\"sbm-text-gold\"\u003eالخطوط الدقيقة والتجاعيد\u003c\/strong\u003e علامات تحذيرية تفيد بأن البشرة بدأت تفقد قدرتها الطبيعية على التجدد. هذه العلامات المزعجة لن تختفي ببساطة، بل تتطلب تدخلاً علمياً متطوراً لمنع آثار الشيخوخة من السيطرة على ملامح الوجه.\u003c\/p\u003e\n \u003cp style=\"text-align: center; color: var(--sbm-gold); font-weight: 800; margin-top: 20px; font-size: 1.25rem;\"\u003e\n التدخل المبكر هو السر لاستعادة شباب وحيوية البشرة.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 2. WRINKLE TYPES ACCORDION (Gradient Theme) --\u003e\n \u003cdiv class=\"sbm-section sbm-theme-gradient\"\u003e\n \u003cdiv class=\"sbm-container\"\u003e\n \u003ch2 class=\"sbm-title-section sbm-reveal\"\u003eتركيبة عالية التخصص لجميع أنواع التجاعيد\u003c\/h2\u003e\n \u003cp class=\"sbm-subtitle sbm-reveal\"\u003eالمكونات الموجودة في هذا السيروم لا تعمل فقط على المعالجة السطحية، بل تستهدف كل نوع من التجاعيد بآلية مخصصة.\u003c\/p\u003e\n \n \u003cdiv class=\"sbm-media-wrapper size-md sbm-reveal delay-1\" style=\"margin-bottom: 40px;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_reactivating_serum.webp?v=1745760317\" alt=\"Targeting Wrinkles\" class=\"sbm-product-media\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- Accordion --\u003e\n \u003cdiv class=\"sbm-accordion sbm-reveal delay-2\"\u003e\n \u003cdiv class=\"sbm-acc-item\"\u003e\n \u003cdiv class=\"sbm-acc-header\"\u003e\n \u003cdiv class=\"sbm-acc-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sbm-acc-title\"\u003eالتجاعيد الديناميكية\u003c\/div\u003e\n \u003cdiv class=\"sbm-acc-icon\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sbm-acc-body\"\u003e\n \u003cp class=\"sbm-acc-desc\"\u003eتظهر نتيجة لتكرار حركات الوجه مثل الابتسامة أو العبوس المستمر.\u003c\/p\u003e\n \u003cdiv class=\"sbm-acc-ing\"\u003e\n \u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eالباكوتشيول والريتينول:\u003c\/span\u003e يحفزان إنتاج الكولاجين من الداخل، مما يقلل من ظهور وعمق هذه التجاعيد بفعالية.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sbm-acc-item\"\u003e\n \u003cdiv class=\"sbm-acc-header\"\u003e\n \u003cdiv class=\"sbm-acc-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sbm-acc-title\"\u003eالتجاعيد التعبيرية\u003c\/div\u003e\n \u003cdiv class=\"sbm-acc-icon\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sbm-acc-body\"\u003e\n \u003cp class=\"sbm-acc-desc\"\u003eتتشكل وتترسخ بسبب تعبيرات الوجه المتكررة والتوتر.\u003c\/p\u003e\n \u003cdiv class=\"sbm-acc-ing\"\u003e\n \u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eالنياسيناميد:\u003c\/span\u003e يعمل على تحسين مرونة البشرة الكلية، مما يخفف من حدة هذه التجاعيد ويمنع ثباتها.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sbm-acc-item\"\u003e\n \u003cdiv class=\"sbm-acc-header\"\u003e\n \u003cdiv class=\"sbm-acc-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sbm-acc-title\"\u003eتجاعيد الجبين\u003c\/div\u003e\n \u003cdiv class=\"sbm-acc-icon\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sbm-acc-body\"\u003e\n \u003cp class=\"sbm-acc-desc\"\u003eتظهر بشكل عرضي وواضح بسبب فقدان الكولاجين المستمر في هذه المنطقة.\u003c\/p\u003e\n \u003cdiv class=\"sbm-acc-ing\"\u003e\n \u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eالكولاجين والسنفيتون:\u003c\/span\u003e يساهمان في تقوية البنية الداعمة للبشرة وملء التجاعيد في هذه المنطقة تحديداً.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sbm-acc-item\"\u003e\n \u003cdiv class=\"sbm-acc-header\"\u003e\n \u003cdiv class=\"sbm-acc-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"sbm-acc-title\"\u003eالخطوط الدقيقة (Fine Lines)\u003c\/div\u003e\n \u003cdiv class=\"sbm-acc-icon\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sbm-acc-body\"\u003e\n \u003cp class=\"sbm-acc-desc\"\u003eخطوط رفيعة تظهر مبكراً وتكون غالباً بسبب الجفاف الشديد وضعف الحاجز الواقي.\u003c\/p\u003e\n \u003cdiv class=\"sbm-acc-ing\"\u003e\n \u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eالتوكوفيرول والبانثينول:\u003c\/span\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\n \u003c!-- 3. INGREDIENTS GRID (Darker Theme) --\u003e\n \u003cdiv class=\"sbm-section sbm-theme-darker\"\u003e\n \u003cdiv class=\"sbm-container\"\u003e\n \u003ch2 class=\"sbm-title-section sbm-reveal\"\u003eالريتينول هو درع البشرة ضد عوامل الشيخوخة\u003c\/h2\u003e\n \u003cp class=\"sbm-subtitle sbm-reveal\"\u003eيعمل هذا السيروم على إعادة الحيوية والمرونة التي فُقدت مع مرور الزمن بفضل المكونات النشطة المدروسة علمياً.\u003c\/p\u003e\n\n \u003cdiv class=\"sbm-media-wrapper size-lg sbm-reveal delay-1\" style=\"margin-bottom: 50px;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_reactivating_serum.png?v=1745760661\" alt=\"Serum Ingredients\" class=\"sbm-product-media\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sbm-grid-3 sbm-reveal\"\u003e\n \u003cdiv class=\"sbm-card\"\u003e\n \u003cdiv class=\"sbm-icon-badge\"\u003e01\u003c\/div\u003e\n \u003ch3\u003eالريتينول النقي\u003c\/h3\u003e\n \u003cul class=\"sbm-list gold-checks\" style=\"margin-top: 15px;\"\u003e\n \u003cli\u003eيجدد خلايا البشرة ويحسن مظهرها السطحي.\u003c\/li\u003e\n \u003cli\u003eيحفز إنتاج الكولاجين والإيلاستين من الداخل.\u003c\/li\u003e\n \u003cli\u003eيقلل التصبغات ويوحد لون البشرة.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sbm-card delay-1\"\u003e\n \u003cdiv class=\"sbm-icon-badge\"\u003e02\u003c\/div\u003e\n \u003ch3\u003eالباكوتشيول (Bakuchiol)\u003c\/h3\u003e\n \u003cul class=\"sbm-list gold-checks\" style=\"margin-top: 15px;\"\u003e\n \u003cli\u003eالبديل الطبيعي والآمن للريتينول.\u003c\/li\u003e\n \u003cli\u003eمضاد أكسدة قوي يحمي من التلف البيئي.\u003c\/li\u003e\n \u003cli\u003eيقلل التجاعيد والخطوط الدقيقة بلطف تام.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sbm-card delay-2\"\u003e\n \u003cdiv class=\"sbm-icon-badge\"\u003e03\u003c\/div\u003e\n \u003ch3\u003eتقنية Elastic-Liposome\u003c\/h3\u003e\n \u003cul class=\"sbm-list gold-checks\" style=\"margin-top: 15px;\"\u003e\n \u003cli\u003eتغليف ذكي يوصل المكونات للطبقات العميقة.\u003c\/li\u003e\n \u003cli\u003eيحسن امتصاص المكونات النشطة دون إهدار.\u003c\/li\u003e\n \u003cli\u003eيمنع التهيج السطحي ويزيد فعالية المكونات.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 4. USAGE STEPS (Dark Theme) --\u003e\n \u003cdiv class=\"sbm-section sbm-theme-dark\"\u003e\n \u003cdiv class=\"sbm-ambient\"\u003e\n \u003cdiv class=\"sbm-glow sbm-glow-2\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sbm-container\"\u003e\n \u003ch2 class=\"sbm-title-section sbm-reveal\"\u003eطريقة الاستخدام (الروتين الآمن والفعال)\u003c\/h2\u003e\n \u003cp class=\"sbm-subtitle sbm-reveal\"\u003eخطوات بسيطة لإدخال الريتينول في روتين العناية بفعالية وأمان.\u003c\/p\u003e\n\n \u003cdiv class=\"sbm-media-wrapper size-lg sbm-reveal delay-1\" style=\"margin-bottom: 40px;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-Retinol-Intense-Reactivating-Serum.jpg?v=1745761071\" alt=\"Some By Mi Retinol Results\" class=\"sbm-product-media\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sbm-steps sbm-reveal delay-2\"\u003e\n \u003cdiv class=\"sbm-step\"\u003e\n \u003cdiv class=\"sbm-step-num\"\u003e1\u003c\/div\u003e\n \u003ch4\u003eتنظيف الوجه\u003c\/h4\u003e\n \u003cp\u003eتنظيف البشرة بلطف باستخدام غسول مناسب لإزالة الشوائب وتجهيز المسام.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sbm-step\"\u003e\n \u003cdiv class=\"sbm-step-num\"\u003e2\u003c\/div\u003e\n \u003ch4\u003eتطبيق التونر\u003c\/h4\u003e\n \u003cp\u003eيُفضل استخدام تونر مرطب لتهيئة البشرة وجعلها أكثر قابلية لامتصاص السيروم.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sbm-step\"\u003e\n \u003cdiv class=\"sbm-step-num\"\u003e3\u003c\/div\u003e\n \u003ch4\u003eالكمية المناسبة\u003c\/h4\u003e\n \u003cp\u003eتوزيع كمية صغيرة جداً (بحجم حبة البازلاء) على أطراف الأصابع لمنع الإفراط.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sbm-step\"\u003e\n \u003cdiv class=\"sbm-step-num\"\u003e4\u003c\/div\u003e\n \u003ch4\u003eالتوزيع بلطف\u003c\/h4\u003e\n \u003cp\u003eفرد السيروم برفق على الوجه، مع التركيز على مناطق التجاعيد والخطوط الدقيقة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sbm-step\" style=\"grid-column: 1 \/ -1; border-color: var(--sbm-primary); background: rgba(139, 92, 246, 0.05);\"\u003e\n \u003cdiv class=\"sbm-step-num\" style=\"width: 40px; height: 40px; font-size: 1.2rem; margin-bottom: 10px;\"\u003e5\u003c\/div\u003e\n \u003ch4 style=\"color: var(--sbm-primary);\"\u003eالاستخدام التدريجي (مهم جداً)\u003c\/h4\u003e\n \u003cp style=\"max-width: 600px; margin: 0 auto;\"\u003eيُرجى البدء باستخدام السيروم مرة أو مرتين أسبوعياً فقط (ليلاً). ثم زيادة التكرار تدريجياً حسب تحمل البشرة. \u003cstrong style=\"color: var(--sbm-gold);\"\u003eيجب استخدام واقي الشمس نهاراً.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cscript\u003e\n document.addEventListener('DOMContentLoaded', () =\u003e {\n \/\/ 1. Scroll Reveal Animation\n const reveals = document.querySelectorAll('.sbm-reveal');\n const observer = new IntersectionObserver((entries, obs) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('sbm-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 \/\/ 2. Premium 3D Tilt Effect\n if (window.matchMedia(\"(hover: hover)\").matches) {\n const tiltCards = document.querySelectorAll('.sbm-media-wrapper');\n tiltCards.forEach(card =\u003e {\n const media = card.querySelector('.sbm-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) * -4;\n const rotateY = ((x - centerX) \/ centerX) * 4;\n \n media.style.transform = `scale(1.03) 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 \/\/ 3. Accordion Logic\n const accItems = document.querySelectorAll('.sbm-acc-header');\n accItems.forEach(item =\u003e {\n item.addEventListener('click', function() {\n const parent = this.parentElement;\n const isActive = parent.classList.contains('active');\n \n \/\/ Close all\n document.querySelectorAll('.sbm-acc-item').forEach(child =\u003e {\n child.classList.remove('active');\n });\n \n \/\/ Open clicked if it wasn't active\n if (!isActive) {\n parent.classList.add('active');\n }\n });\n });\n\n \/\/ Open first accordion item by default\n if(accItems.length \u003e 0) {\n setTimeout(() =\u003e {\n accItems[0].parentElement.classList.add('active');\n }, 500);\n }\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999387766958,"sku":null,"price":21.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some_by_mi_retinol_reactivating_serum_caff1239-261d-443e-a421-72a340ad82ca.jpg?v=1788175412"},{"product_id":"cosrx-retinol-serum","title":"Cosrx سيروم الريتينول تركيز 0.5% + سكوالين | مضاد التجاعيد | تحسين مرونة الجلد","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n \/* Base styles *\/\n .product-description {\n max-width: 900px;\n margin: 0 auto;\n color: #333;\n line-height: 1.6;\n padding: 20px;\n position: relative;\n overflow: hidden;\n }\n\n \/* Typography *\/\n .product-description h2, \n .product-description h3, \n .product-description h4 {\n color: #9C8102;\n margin-top: 1.5em;\n margin-bottom: 0.8em;\n font-weight: 700;\n }\n\n .product-description h2 {\n font-size: 2.2rem;\n text-align: center;\n }\n\n .product-description h3 {\n font-size: 1.8rem;\n position: relative;\n }\n \n .product-description h3::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n margin-top: 10px;\n }\n\n .product-description h4 {\n font-size: 1.4rem;\n }\n\n .product-description p {\n font-size: 1.1rem;\n margin-bottom: 1.2em;\n }\n\n .product-description ul {\n list-style: none;\n padding: 0;\n margin: 1.5em 0;\n }\n\n .product-description li {\n margin-bottom: 1.5em;\n background: rgba(156, 129, 2, 0.03);\n padding: 20px;\n border-radius: 10px;\n border-right: 4px solid #9C8102;\n }\n\n \/* Hero section *\/\n .hero-container {\n position: relative;\n margin: 2em 0;\n text-align: center;\n }\n\n .hero-image {\n max-width: 100%;\n height: auto;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n border-radius: 15px;\n transition: transform 0.5s ease;\n }\n\n .hero-image:hover {\n transform: scale(1.02);\n }\n\n \/* Feature cards *\/\n .feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 2em 0;\n }\n\n .feature-card {\n padding: 25px;\n background: #fff;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .feature-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n \/* Results section *\/\n .results-container {\n background: linear-gradient(to right, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1), rgba(156, 129, 2, 0.05));\n padding: 30px;\n border-radius: 15px;\n margin: 2em 0;\n position: relative;\n overflow: hidden;\n text-align: center;\n }\n\n .percentage-bar {\n width: 100%;\n height: 10px;\n background-color: rgba(255, 255, 255, 0.7);\n border-radius: 5px;\n overflow: hidden;\n margin: 20px 0;\n }\n\n .percentage-fill {\n height: 100%;\n width: 0;\n background-color: #9C8102;\n transition: width 1.5s ease-in-out;\n }\n\n \/* Usage timeline *\/\n .timeline {\n position: relative;\n max-width: 1200px;\n margin: 0 auto;\n padding: 40px 0;\n }\n\n .timeline::after {\n content: '';\n position: absolute;\n width: 6px;\n background-color: rgba(156, 129, 2, 0.2);\n top: 0;\n bottom: 0;\n right: 50%;\n margin-right: -3px;\n }\n\n .timeline-item {\n padding: 10px 50px;\n position: relative;\n width: 50%;\n }\n\n .timeline-item::after {\n content: '';\n position: absolute;\n width: 25px;\n height: 25px;\n background-color: white;\n border: 4px solid #9C8102;\n border-radius: 50%;\n top: 15px;\n transition: transform 0.5s ease, background-color 0.5s ease;\n }\n\n .timeline-item:hover::after {\n transform: scale(1.2);\n background-color: #9C8102;\n }\n\n .right {\n right: 0;\n }\n\n .left::after {\n right: -12px;\n }\n\n .right::after {\n left: -12px;\n }\n\n \/* CTA section *\/\n .cta-container {\n background: linear-gradient(135deg, #9C8102, #c7aa30);\n color: white;\n padding: 40px;\n border-radius: 15px;\n text-align: center;\n margin: 2em 0;\n }\n\n .cta-container h3 {\n color: white;\n }\n\n .cta-button {\n display: inline-block;\n padding: 12px 35px;\n background-color: white;\n color: #9C8102;\n font-weight: bold;\n border-radius: 30px;\n text-decoration: none;\n margin-top: 20px;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n .cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n }\n\n \/* Separator *\/\n .separator {\n height: 2px;\n background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.5), transparent);\n margin: 2em 0;\n width: 100%;\n }\n\n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .feature-grid {\n grid-template-columns: 1fr;\n }\n\n .timeline::after {\n right: 30px;\n }\n \n .timeline-item {\n width: 100%;\n padding-right: 70px;\n padding-left: 25px;\n }\n \n .right {\n right: auto;\n }\n \n .right::after {\n left: auto;\n right: 18px;\n }\n \n .left::after {\n right: 18px;\n }\n }\n\n \/* Animation classes - Added for animated elements when JS loads *\/\n .animate-on-scroll {\n transition: transform 0.8s ease, opacity 0.8s ease;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-description\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003ch2\u003eالريتينول... الجندي المجهول في محاربة علامات التقدم بالسن\u003c\/h2\u003e\n \n \u003cp\u003eهل سبق أن نظرت في المرآة وشعرت أن الزمن بدأ يترك بصماته على بشرتك؟ الخطوط الدقيقة تتسلل ببطء، المسام تبدو أكبر، ملمس الجلد لم يعد ناعماً كما كان؟\u003c\/p\u003e\n \n \u003cp\u003e\u003cstrong\u003eلا تدع الزمن يتحكم بك\u003c\/strong\u003e\u003cbr\u003eالشيخوخة ليست عذراً لتقبل تلك التغيرات، بل هي تحدٍ يمكنك الانتصار عليه.\u003c\/p\u003e\n \n \u003cdiv class=\"hero-container\"\u003e\n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_retinol_0.5_in_squalene_serum.png?v=1745156607\" alt=\"سيروم الريتينول COSRX\"\u003e\n \u003c\/div\u003e\n \n \u003ch3\u003eالحل؟ سيروم الريتينول 0.5% من COSRX\u003c\/h3\u003e\n \n \u003cp\u003eأفضل منتج في عالم الريتينول، مصمم بعناية لاستهداف أدق مشاكل البشرة، من التجاعيد العميقة والخطوط الدقيقة إلى ملمس البشرة الخشن وفقدان المرونة.\u003c\/p\u003e\n \n \u003c!-- Features Section --\u003e\n \u003ch3\u003eلماذا تعد هذه التركيبة من أفضل تركيبات الريتينول ؟\u003c\/h3\u003e\n \n \u003cdiv class=\"feature-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e★\u003c\/div\u003e\n \u003ch4\u003eتركيز استثنائي من الريتينول النقي\u003c\/h4\u003e\n \u003cp\u003eهذا المنتج يحتوي على \u003cstrong\u003eتركيز 0.5% من الريتينول النقي\u003c\/strong\u003e، وهو من أعلى التركيزات المتوفرة في السوق. يُعرف الريتينول بصعوبة صياغته في هذه التركيزات العالية، حيث يتطلب تقنيات دقيقة للحفاظ على استقراره وضمان فعاليته.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✿\u003c\/div\u003e\n \u003ch4\u003eتركيبة لطيفة لا تسبب تهيج البشرة\u003c\/h4\u003e\n \u003cp\u003eعلى عكس تركيبات الريتينول التقليدية التي قد تؤدي إلى تهيج واحمرار البشرة، يحتوي هذا المنتج على مزيج فريد من المكونات المهدئة، مما يجعله لطيفًا حتى على البشرة الحساسة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e💧\u003c\/div\u003e\n \u003ch4\u003eقوام خفيف وسريع الامتصاص\u003c\/h4\u003e\n \u003cp\u003eبتركيبة زيتية حريرية خفيفة، يمتصه الجلد بسهولة دون أن يترك أي أثر دهني، مما يجعله مثاليًا كخطوة أساسية في روتينك الليلي.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch4\u003eترطيب عميق مع السكوالين النباتي\u003c\/h4\u003e\n \u003cp\u003eيحتوي المنتج على \u003cstrong\u003eسكوالين مستخلص من النباتات\u003c\/strong\u003e، الذي يعمل كمرطب قوي يمنع الجفاف الناتج عن استخدام الريتينول، مما يحافظ على ترطيب ونعومة البشرة طوال الليل.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch4\u003eتوكوترينول (فيتامين E فائق)\u003c\/h4\u003e\n \u003cp\u003eيقلل بشكل كبير من أضرار الجذور الحرة ويحسن مظهر البشرة بشكل عام، مما يعزز من فعالية الريتينول ويضمن نتائج متكاملة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Results Section --\u003e\n \u003cdiv class=\"results-container\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_retinol_serum_05_6.webp?v=1736009520\" alt=\"نتائج استخدام سيروم الريتينول\" style=\"max-width: 100%; height: auto; margin-bottom: 20px; border-radius: 10px;\"\u003e\n \n \u003ch3\u003eنتائج سريرية مبهرة!\u003c\/h3\u003e\n \n \u003cp\u003e\u003cstrong\u003eتحسن بنسبة 18.4% في خطوط الأنف والشفاه في 4 أسابيع فقط\u003c\/strong\u003e (مؤكد عبر تجارب مخبرية).\u003c\/p\u003e\n \n \u003cdiv class=\"percentage-bar\"\u003e\n \u003cdiv class=\"percentage-fill\" data-percent=\"18.4\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Hikoco_COSRX_TheRetinol0.5Oil_02.webp?v=1736010179\" alt=\"COSRX الريتينول\" style=\"display: block; margin: 30px auto;\"\u003e\n \n \u003c!-- Usage Timeline --\u003e\n \u003ch3\u003eاستخدام تدريجي، تأثير استثنائي\u003c\/h3\u003e\n \n \u003cdiv class=\"timeline\"\u003e\n \u003cdiv class=\"timeline-item left\"\u003e\n \u003ch4\u003eالأسبوع 1-2\u003c\/h4\u003e\n \u003cp\u003eابدئي ببطء لتسمحي لبشرتك بالتأقلم. استخدمي المنتج مرة واحدة أسبوعياً في البداية، ثم مرتين أسبوعياً بدءاً من الأسبوع الثاني.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item right\"\u003e\n \u003ch4\u003eالأسبوع 3-4\u003c\/h4\u003e\n \u003cp\u003eزيدي التردد إلى 3 مرات أسبوعياً. ستلاحظين تحسناً في ملمس البشرة وتقليل الخطوط الدقيقة الأولية.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item left\"\u003e\n \u003ch4\u003eالأسبوع 5-8\u003c\/h4\u003e\n \u003cp\u003eاستخدمي المنتج يومياً أو حسب تحمل بشرتك. ستلاحظين تحسناً واضحاً في مرونة البشرة ونضارتها.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item right\"\u003e\n \u003ch4\u003eمن الأسبوع 8 وما بعد\u003c\/h4\u003e\n \u003cp\u003eاستمتعي ببشرة متجددة، نضرة، خالية من التجاعيد وعلامات التقدم بالسن!\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n \n \u003c!-- CTA Section --\u003e\n \u003cdiv class=\"cta-container\"\u003e\n \u003ch3\u003eزيت الريتينول 0.5% من COSRX\u003c\/h3\u003e\n \u003cp\u003eليس مجرد منتج آخر للعناية بالبشرة، إنه ابتكار علمي متقدم يمنحك نتائج ملموسة دون التنازل عن راحة بشرتك.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eابدئي الآن، وحارب علامات الزمن!\u003c\/strong\u003e\u003c\/p\u003e\n \u003ca href=\"#\" class=\"cta-button\"\u003eاشتري الآن\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n \/\/ Animate percentage bar\n (function() {\n \/\/ Add animation to percentage bar without hiding content\n setTimeout(function() {\n var percentageFills = document.querySelectorAll('.percentage-fill');\n percentageFills.forEach(function(fill) {\n var percent = fill.getAttribute('data-percent');\n fill.style.width = percent + '%';\n });\n }, 500);\n \n \/\/ Optional: Enable scroll animations only if preferred\n var enableScrollAnimations = false;\n \n if (enableScrollAnimations) {\n \/\/ Add animation classes to elements\n var elementsToAnimate = document.querySelectorAll('.product-description h2, .product-description h3, .product-description h4, .product-description p, .feature-card, .results-container, .timeline-item, .cta-container');\n \n elementsToAnimate.forEach(function(el) {\n el.classList.add('animate-on-scroll');\n });\n \n \/\/ Intersection Observer for scroll animations\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.style.opacity = 1;\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, { threshold: 0.1 });\n \n elementsToAnimate.forEach(function(el) {\n el.style.opacity = 0;\n el.style.transform = 'translateY(20px)';\n observer.observe(el);\n });\n }\n })();\n\u003c\/script\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999389962414,"sku":null,"price":23.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx-the-retinol-0-5-oil-20ml_1.webp?v=1788175397"},{"product_id":"cosrx-6-peptide","title":"Cosrx The 6 peptide تونر و سيروم الـ 6 ببتيدات | تجديد شامل للجلد | علاجي لكافة مشاكل الجلد","description":"\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Fade-in animation for elements as they come into view\n const animatedElements = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in');\n \n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n setTimeout(() =\u003e {\n entry.target.classList.add('visible');\n }, 100);\n observer.unobserve(entry.target);\n }\n });\n }, {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n });\n \n animatedElements.forEach(el =\u003e {\n observer.observe(el);\n });\n \n \/\/ Count-up animation for percentage numbers\n const countUpElements = document.querySelectorAll('.count-up');\n \n const countObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const element = entry.target;\n const finalValue = parseFloat(element.getAttribute('data-value'));\n \n let startTime;\n const duration = 2000; \/\/ 2 seconds\n \n function animate(currentTime) {\n if (!startTime) startTime = currentTime;\n \n const elapsedTime = currentTime - startTime;\n const progress = Math.min(elapsedTime \/ duration, 1);\n \n const currentValue = progress * finalValue;\n element.textContent = currentValue.toFixed(1) + '%';\n \n if (progress \u003c 1) {\n requestAnimationFrame(animate);\n }\n }\n \n requestAnimationFrame(animate);\n countObserver.unobserve(element);\n }\n });\n }, {\n threshold: 0.5\n });\n \n countUpElements.forEach(el =\u003e {\n countObserver.observe(el);\n });\n });\n \u003c\/script\u003e\u003cdiv class=\"cosrx-peptide-section\"\u003e\n \u003cstyle\u003e\n .cosrx-peptide-section * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .cosrx-peptide-section {\n max-width: 1200px;\n margin: 40px auto;\n padding: 20px;\n direction: rtl;\n font-family: inherit;\n color: #333;\n }\n \n .peptide-header {\n text-align: center;\n margin-bottom: 50px;\n }\n \n .peptide-title {\n font-size: 1.8rem;\n color: #9C8102;\n margin-bottom: 20px;\n font-weight: 700;\n }\n \n .peptide-subtitle {\n font-size: 1.1rem;\n line-height: 1.6;\n color: #555;\n max-width: 800px;\n margin: 0 auto;\n }\n \n .peptide-content {\n margin-bottom: 60px;\n }\n \n .peptide-section-title {\n font-size: 1.5rem;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 20px;\n text-align: center;\n }\n \n .peptide-text {\n font-size: 1rem;\n line-height: 1.7;\n color: #444;\n margin-bottom: 20px;\n }\n \n .peptide-image {\n width: 100%;\n border-radius: 10px;\n margin: 30px 0;\n display: block;\n }\n \n .peptide-benefits {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n margin: 40px 0;\n }\n \n .benefit-card {\n background-color: #f2f2f2;\n border-radius: 10px;\n padding: 20px;\n box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n }\n \n .benefit-card:hover {\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n \n .benefit-title {\n font-weight: 700;\n margin-bottom: 10px;\n color: #9C8102;\n font-size: 1.1rem;\n }\n \n .peptide-list {\n list-style-type: disc;\n padding-right: 20px;\n margin: 20px 0;\n }\n \n .peptide-list li {\n margin-bottom: 15px;\n line-height: 1.6;\n }\n \n .result-cards {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n margin: 30px 0;\n }\n \n .result-card {\n background-color: #f2f2f2;\n border-radius: 10px;\n padding: 20px;\n text-align: center;\n box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n }\n \n .result-percentage {\n font-size: 2rem;\n font-weight: 700;\n color: #c3a300;\n margin-bottom: 10px;\n }\n \n .result-text {\n font-size: 0.95rem;\n color: #555;\n }\n \n .how-to-use {\n background-color: #f2f2f2;\n border-radius: 10px;\n padding: 25px;\n margin-top: 40px;\n }\n \n .how-to-use h3 {\n margin-bottom: 15px;\n font-weight: 700;\n font-size: 1.2rem;\n color: #c3a300;\n }\n \n .how-to-use ol {\n padding-right: 25px;\n }\n \n .how-to-use li {\n margin-bottom: 10px;\n line-height: 1.5;\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 .slide-in-right {\n opacity: 0;\n transform: translateX(50px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .slide-in-right.visible {\n opacity: 1;\n transform: translateX(0);\n }\n \n .slide-in-left {\n opacity: 0;\n transform: translateX(-50px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .slide-in-left.visible {\n opacity: 1;\n transform: translateX(0);\n }\n \n .scale-in {\n opacity: 0;\n transform: scale(0.9);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .scale-in.visible {\n opacity: 1;\n transform: scale(1);\n }\n \n .count-up {\n display: inline-block;\n }\n \n \/* Shine effect for cards *\/\n .benefit-card, .result-card {\n position: relative;\n overflow: hidden;\n }\n \n .benefit-card::after, .result-card::after {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: linear-gradient(\n to right,\n rgba(255, 255, 255, 0) 0%,\n rgba(255, 255, 255, 0.3) 50%,\n rgba(255, 255, 255, 0) 100%\n );\n transform: rotate(30deg);\n transition: transform 0.7s ease;\n opacity: 0;\n }\n \n .benefit-card:hover::after, .result-card:hover::after {\n opacity: 1;\n transform: rotate(30deg) translate(100%, -100%);\n }\n \n @media (max-width: 768px) {\n .peptide-benefits,\n .result-cards {\n grid-template-columns: 1fr;\n }\n \n .peptide-title {\n font-size: 1.5rem;\n }\n \n .peptide-section-title {\n font-size: 1.3rem;\n }\n }\n \u003c\/style\u003e\n\n \u003cdiv class=\"peptide-header fade-in\"\u003e\n \u003ch2 class=\"peptide-title\"\u003eسيروم COSRX 6 Peptide Skin Booster\u003c\/h2\u003e\n \u003cp class=\"peptide-subtitle\"\u003eمنتج متطور يحتوي على 6 ببتيدات قوية لتجديد البشرة وتحسين مظهرها بشكل شامل\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"peptide-content\"\u003e\n \u003ch3 class=\"peptide-section-title fade-in\"\u003eلماذا البيبتيدات هي كلمة السر؟\u003c\/h3\u003e\n \u003cp class=\"peptide-text fade-in\"\u003eالبيبتيدات هي سلاسل الأحماض الأمينية التي تُعد المفتاح لإصلاح وتجديد البشرة. ومع ذلك، فإن قوة البيبتيدات تكمن في تنوعها.\u003cbr\u003eلهذا السبب قام فريق \u003cspan class=\"highlight\"\u003eCOSRX\u003c\/span\u003e بابتكار تركيبة مذهلة تحتوي على \u003cspan class=\"highlight\"\u003e6 أنواع من البيبتيدات\u003c\/span\u003e، مصممة لاستهداف كل مشكلة قد تواجهينها:\u003c\/p\u003e\n \n \u003cul class=\"peptide-list fade-in\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eإعادة مرونة البشرة:\u003c\/strong\u003e وداعًا للترهلات.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eتقليل التجاعيد العميقة والخطوط الدقيقة:\u003c\/strong\u003e اجعلي وجهكِ يبدو أصغر بسنوات.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eتقليل المسام والحصول على بشرة ناعمة:\u003c\/strong\u003e لأن التفاصيل الصغيرة تصنع الفرق.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eترطيب مضاعف دون الشعور بالثقل:\u003c\/strong\u003e بشرتكِ ستتنفس من جديد.\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_the_6_peptide_original_6_3.webp?v=1745069792\" alt=\"COSRX 6 Peptide\" class=\"peptide-image scale-in\"\u003e\n \n \u003ch3 class=\"peptide-section-title\"\u003eمنتج وحيد سيغنيك عن الروتينات المعقدة والباهظة\u003c\/h3\u003e\n \u003cp class=\"peptide-text\"\u003eمع \u003cspan class=\"highlight\"\u003eسيروم COSRX 6 Peptide Skin Booster\u003c\/span\u003e، لا حاجة لك بعد الآن لمجموعة من المنتجات المتعددة التي تثقل كاهلك وتكلفك الكثير من المال. هذا المنتج المتطور يحتوي على 6 ببتيدات فعّالة تُعالج مشاكل البشرة المختلفة في خطوة واحدة فقط.\u003c\/p\u003e\n \n \u003cp class=\"peptide-text\"\u003eبفضل تركيبة السيروم المتكاملة، يمكنك الاستغناء عن التونر، السيروم، والمستحضرات الأخرى، وبالتالي توفير الوقت والمال. الجمال والعناية بالبشرة لم يعد يحتاج إلى روتين معقد. سيروم COSRX 6 Peptide هو كل ما تحتاجه لبشرة صحية ومتجددة.\u003c\/p\u003e\n \n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_the_6_peptide_original_6_1.webp?v=1745069812\" alt=\"COSRX 6 Peptide Benefits\" class=\"peptide-image\"\u003e\n \n \u003ch3 class=\"peptide-section-title\"\u003e6 ببتيدات تعمل في تناغم لاستعادة شباب بشرتك\u003c\/h3\u003e\n \u003cp class=\"peptide-text\"\u003eتخيل أن بشرتك تحصل على أفضل علاج ممكن بفضل مزيج متكامل من 6 ببتيدات قوية تعمل معًا لتجديد وتحسين مظهر بشرتك. من تعزيز مرونة البشرة وتقليل التجاعيد إلى توحيد اللون وتجديد الخلايا، هذه الببتيدات تُحفز البشرة على إصلاح نفسها بشكل طبيعي.\u003c\/p\u003e\n \n \u003cp class=\"peptide-text\"\u003eكل ببتيد من الـ6 يعمل على معالجة مشكلة معينة: تقليل الخطوط الدقيقة، تحسين ملمس البشرة، مكافحة التصبغات، وتجديد شباب الجلد. النتيجة؟ بشرة مشدودة، ناعمة، ومشرقة، مع تقدم ملحوظ في تجديد شباب البشرة.\u003c\/p\u003e\n \n \u003cdiv class=\"peptide-benefits\"\u003e\n \u003cdiv class=\"benefit-card slide-in-left\"\u003e\n \u003ch4 class=\"benefit-title\"\u003eمكافحة علامات التقدم في السن\u003c\/h4\u003e\n \u003cp\u003eالببتيدات تعمل على تحفيز إنتاج الكولاجين والإيلاستين، مما يساعد في تقليل التجاعيد وإعادة الشباب للبشرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card slide-in-right\"\u003e\n \u003ch4 class=\"benefit-title\"\u003eترطيب عميق للبشرة\u003c\/h4\u003e\n \u003cp\u003eتعمل الببتيدات مع حمض الهيالورونيك لتوفير ترطيب مكثف للبشرة، مما يجعلها أكثر نعومة ومرونة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card slide-in-left\"\u003e\n \u003ch4 class=\"benefit-title\"\u003eتوحيد لون البشرة\u003c\/h4\u003e\n \u003cp\u003eبفضل النياسيناميد والببتيدات، يعمل السيروم على تفتيح التصبغات وتوحيد لون البشرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card slide-in-right\"\u003e\n \u003ch4 class=\"benefit-title\"\u003eتعزيز الحاجز الواقي للبشرة\u003c\/h4\u003e\n \u003cp\u003eيساعد السيروم في تقوية الحاجز الواقي للبشرة، مما يحميها من العوامل البيئية الضارة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_the_6_peptide_original_6_1.jpg?v=1745069857\" alt=\"COSRX 6 Peptide Ingredients\" class=\"peptide-image\"\u003e\n \n \u003ch3 class=\"peptide-section-title\"\u003eتركيبة متقدمة تدمج الببتيدات مع أقوى مكونات العناية بالبشرة\u003c\/h3\u003e\n \u003cp class=\"peptide-text\"\u003e\u003cstrong\u003eالنياسيناميد، الهياليرونيك، والأدينوسين\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"peptide-text\"\u003eالببتيدات بمفردها معروفة بقدرتها الفائقة في تجديد البشرة وتحفيز إنتاج الكولاجين، \u003cstrong\u003eولكن عندما يتم دمجها مع مكونات مثل النياسيناميد، الهياليرونيك، والأدينوسين، يحدث تأثير مذهل لا يمكن أن يتحقق من خلال أي منتج آخر.\u003c\/strong\u003e\u003cbr\u003eالنياسيناميد يساعد في توحيد لون البشرة وتقليل المسام، بينما الهياليرونيك يوفر ترطيباً عميقاً، والأدينوسين يعمل على تقليل التجاعيد. معاً، هذه التركيبة الفائقة لا تمنحك فقط بشرة مشدودة، ناعمة، وأكثر إشراقاً، بل تعزز أيضاً من قدرة البشرة على مقاومة آثار الزمن.\u003c\/p\u003e\n \n \u003ch3 class=\"peptide-section-title\"\u003eقوام خفيف ... نتائج ثقيلة\u003c\/h3\u003e\n \n \u003cdiv class=\"result-cards\"\u003e\n \u003cdiv class=\"result-card fade-in\"\u003e\n \u003cdiv class=\"result-percentage count-up\" data-value=\"37.9\"\u003e0\u003c\/div\u003e\n \u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eزيادة في إشراقة الجلد\u003c\/strong\u003e: تصبح البشرة أكثر إشراقاً ونقاءً، مع استعادة لمعانها الطبيعي.\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"result-card fade-in\"\u003e\n \u003cdiv class=\"result-percentage count-up\" data-value=\"162.5\"\u003e0\u003c\/div\u003e\n \u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eزيادة في الترطيب\u003c\/strong\u003e: الحصول على ترطيب عميق للبشرة، مما يعزز نعومتها ومرونتها.\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"result-card fade-in\"\u003e\n \u003cdiv class=\"result-percentage count-up\" data-value=\"24.58\"\u003e0\u003c\/div\u003e\n \u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eزيادة في النضارة\u003c\/strong\u003e: تظهر البشرة بمظهر أكثر حيوية وشباباً، وكأنها استعادت طاقتها الطبيعية.\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"result-card fade-in\"\u003e\n \u003cdiv class=\"result-percentage count-up\" data-value=\"76.42\"\u003e0\u003c\/div\u003e\n \u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eزيادة في حمض الهيالورونيك\u003c\/strong\u003e: زيادة نسبة حمض الهيالورونيك تعني ترطيباً أعمق للبشرة، مما يساعد في الحفاظ على صحتها ومرونتها.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003ch3 class=\"peptide-section-title\"\u003eلا تجعل الزمن يترك أثره على بشرتك\u003c\/h3\u003e\n \u003cp class=\"peptide-text\"\u003eمع \u003cspan class=\"highlight\"\u003eسيروم COSRX 6 Peptide Skin Booster\u003c\/span\u003e، لن يكون للزمن أي تأثير سلبي على بشرتك بعد الآن. هذا المنتج هو الحل الأمثل لمحاربة علامات تقدم السن، بفضل تركيباته المتطورة التي تحتوي على 6 ببتيدات قوية تعمل على تجديد الخلايا، تقليل التجاعيد، وتحسين مرونة البشرة. استمتع ببشرة أكثر شبابًا ونضارة، واستعد لتحدي الزمن بثقة.\u003c\/p\u003e\n \n \u003cdiv class=\"how-to-use\"\u003e\n \u003ch3\u003eكيفية الاستخدام\u003c\/h3\u003e\n \u003col\u003e\n \u003cli\u003eبعد تنظيف بشرتك، ضع 2-3 مضخات من سيروم \u003cstrong\u003eCOSRX 6 Peptide Skin Booster\u003c\/strong\u003e على وجهك.\u003c\/li\u003e\n \u003cli\u003eقم بتدليك المنتج بلطف باستخدام أطراف أصابعك حتى يتم امتصاصه بالكامل.\u003c\/li\u003e\n \u003cli\u003eبعد ذلك، استخدم مرطبك المفضل للحصول على ترطيب إضافي.\u003c\/li\u003e\n \u003c\/ol\u003e\n \u003cp style=\"margin-top: 15px;\"\u003eيمكنك أيضًا دمج السيروم مع منتجات أخرى من \u003cstrong\u003eCOSRX\u003c\/strong\u003e مثل سيروم النياسيناميد أو فيتامين C لتحقيق أفضل النتائج.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999390257326,"sku":null,"price":27.6,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx_6_peptide_skin_booster_6_6cf0efba-8a2d-426c-aa25-ba3429b1a187.jpg?v=1788175395"},{"product_id":"seropipe-hair-serum","title":"Seropipe سيروم تنعيم و تحفيز نمو الشعر 100 ml","description":"\u003cstyle\u003e\n \/* === Core Variables (Japanese Night \u0026 Botanical Gold Theme) === *\/\n .sero-premium-wrapper {\n --sero-bg-deep: #060913; \/* Deep Japanese indigo night *\/\n --sero-bg-card: rgba(18, 24, 40, 0.65); \/* Translucent dark navy *\/\n --sero-gold-main: #d4af37; \/* Premium Gold *\/\n --sero-gold-light: #f9e596; \/* Luminous gold *\/\n --sero-sakura-pink: #ffb7c5; \/* Cherry blossom pink *\/\n --sero-sakura-glow: rgba(255, 183, 197, 0.3);\n --sero-gold-glow: rgba(212, 175, 55, 0.25);\n --sero-text-main: #f0f4f8;\n --sero-text-muted: #aab5c2;\n --sero-border: rgba(212, 175, 55, 0.2);\n --sero-border-hover: rgba(249, 229, 150, 0.6);\n \n background-color: var(--sero-bg-deep);\n color: var(--sero-text-main);\n font-family: 'Tajawal', 'Cairo', system-ui, -apple-system, sans-serif;\n line-height: 1.7;\n overflow: hidden;\n position: relative;\n padding: 40px 0;\n border-radius: 20px;\n box-shadow: 0 0 80px rgba(212, 175, 55, 0.05) inset;\n }\n\n .sero-premium-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .sero-premium-wrapper img {\n max-width: 100%;\n height: auto;\n border-radius: 16px;\n display: block;\n margin: 0 auto;\n box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n border: 1px solid rgba(255,255,255,0.05);\n }\n\n .sero-container {\n max-width: 950px;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n }\n\n \/* === Ambient Sakura \u0026 Gold Particles === *\/\n .sero-ambient-particles {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n pointer-events: none;\n overflow: hidden;\n background: radial-gradient(circle at 15% 30%, rgba(212, 175, 55, 0.05), transparent 50%),\n radial-gradient(circle at 85% 70%, rgba(255, 183, 197, 0.05), transparent 50%);\n }\n\n .sero-particle {\n position: absolute;\n border-radius: 50%;\n bottom: -100px;\n animation: floatUpSero 16s infinite ease-in-out;\n filter: blur(4px);\n }\n\n @keyframes floatUpSero {\n 0% { transform: translateY(0) scale(0.8) translateX(0) rotate(0deg); opacity: 0; }\n 20% { opacity: 0.7; }\n 80% { opacity: 0.4; }\n 100% { transform: translateY(-1600px) scale(1.5) translateX(50px) rotate(360deg); opacity: 0; }\n }\n\n \/* === Typography === *\/\n .sero-title-glow {\n display: block;\n width: 100%;\n font-size: clamp(28px, 5vw, 46px);\n font-weight: 900;\n text-align: center;\n margin-bottom: 25px;\n line-height: 1.4;\n background: linear-gradient(135deg, #ffffff 0%, var(--sero-gold-light) 50%, var(--sero-gold-main) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n text-shadow: 0 5px 25px rgba(0,0,0,0.8);\n }\n\n .sero-section-title {\n display: block;\n width: 100%;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 800;\n color: var(--sero-gold-light);\n text-align: center;\n margin: 60px auto 30px;\n position: relative;\n line-height: 1.5;\n }\n\n .sero-section-title::after {\n content: '';\n position: absolute;\n bottom: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: clamp(80px, 30%, 150px);\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--sero-gold-main), transparent);\n border-radius: 10px;\n box-shadow: 0 0 10px var(--sero-gold-main);\n }\n\n \/* === Hero Section === *\/\n .sero-hero {\n text-align: center;\n padding: 20px 0 40px;\n }\n\n .sero-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.15);\n border: 1px solid var(--sero-gold-main);\n color: var(--sero-gold-light);\n padding: 8px 25px;\n border-radius: 30px;\n font-size: 1rem;\n font-weight: bold;\n margin-bottom: 25px;\n box-shadow: 0 0 20px var(--sero-gold-glow);\n }\n \n .sero-hero-subtitle {\n font-size: 1.15rem;\n color: var(--sero-text-muted);\n max-width: 800px;\n margin: 0 auto 30px;\n font-weight: 500;\n line-height: 1.8;\n }\n\n .sero-hero-subtitle strong {\n color: var(--sero-gold-light);\n }\n\n \/* === Glassmorphism Box === *\/\n .sero-glass-box {\n background: var(--sero-bg-card);\n backdrop-filter: blur(15px);\n -webkit-backdrop-filter: blur(15px);\n border: 1px solid var(--sero-border);\n border-radius: 20px;\n padding: 40px;\n margin: 40px auto;\n box-shadow: 0 20px 50px rgba(0,0,0,0.8);\n position: relative;\n overflow: hidden;\n text-align: center;\n max-width: 850px;\n }\n\n .sero-glass-box::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 4px;\n height: 100%;\n background: linear-gradient(180deg, var(--sero-gold-light), var(--sero-sakura-pink), transparent);\n box-shadow: 0 0 15px var(--sero-gold-main);\n }\n\n \/* === Grids \u0026 Cards === *\/\n .sero-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 25px;\n margin: 40px 0;\n }\n\n .sero-card {\n background: linear-gradient(145deg, rgba(20, 26, 45, 0.7), rgba(10, 14, 25, 0.9));\n border: 1px solid rgba(212, 175, 55, 0.15);\n border-radius: 16px;\n padding: 30px 25px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n position: relative;\n overflow: hidden;\n text-align: right;\n }\n\n .sero-card:hover {\n transform: translateY(-8px);\n border-color: var(--sero-gold-main);\n box-shadow: 0 15px 30px rgba(212, 175, 55, 0.15);\n background: rgba(25, 32, 55, 0.8);\n }\n\n .sero-card::after {\n content: '';\n position: absolute;\n bottom: -50%;\n right: -50%;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle, var(--sero-sakura-glow) 0%, transparent 70%);\n z-index: 0;\n transition: all 0.5s;\n }\n\n .sero-card:hover::after {\n bottom: -10%;\n right: -10%;\n }\n\n .sero-icon {\n width: 55px;\n height: 55px;\n background: rgba(212, 175, 55, 0.1);\n border: 1px solid rgba(212, 175, 55, 0.3);\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 20px;\n color: var(--sero-gold-light);\n font-size: 26px;\n transition: all 0.3s ease;\n position: relative;\n z-index: 1;\n }\n \n .sero-card:hover .sero-icon {\n background: linear-gradient(135deg, var(--sero-gold-main), var(--sero-sakura-pink));\n color: #000;\n transform: scale(1.1) rotate(-5deg);\n border-color: transparent;\n box-shadow: 0 0 20px var(--sero-gold-glow);\n }\n\n .sero-card h3 {\n font-size: 1.25rem;\n color: #fff;\n margin-bottom: 12px;\n position: relative;\n z-index: 1;\n }\n\n .sero-card p {\n color: var(--sero-text-muted);\n font-size: 0.95rem;\n line-height: 1.6;\n position: relative;\n z-index: 1;\n }\n\n \/* === Mechanism Stats === *\/\n .sero-stats-wrap {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n justify-content: center;\n margin: 40px 0;\n }\n\n .sero-stat-box {\n background: rgba(0,0,0,0.4);\n border: 1px solid var(--sero-border);\n border-radius: 16px;\n padding: 30px 20px;\n text-align: center;\n flex: 1;\n min-width: 220px;\n position: relative;\n overflow: hidden;\n transition: all 0.3s ease;\n }\n\n .sero-stat-box:hover {\n border-color: var(--sero-gold-light);\n transform: translateY(-5px);\n background: rgba(212, 175, 55, 0.05);\n }\n\n .sero-stat-num {\n font-size: 3rem;\n font-weight: 900;\n background: linear-gradient(135deg, var(--sero-gold-light), var(--sero-gold-main));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n line-height: 1;\n margin-bottom: 15px;\n text-shadow: 0 0 20px var(--sero-gold-glow);\n font-family: system-ui, -apple-system, sans-serif;\n }\n\n \/* === Usage Steps === *\/\n .sero-step-item {\n display: flex;\n align-items: flex-start;\n gap: 20px;\n background: rgba(255,255,255,0.02);\n border: 1px solid var(--sero-border);\n padding: 25px;\n border-radius: 16px;\n transition: all 0.3s;\n }\n\n .sero-step-item:hover {\n border-color: var(--sero-sakura-pink);\n background: rgba(255, 183, 197, 0.05);\n transform: translateX(-5px);\n }\n\n .sero-step-num {\n min-width: 50px;\n height: 50px;\n background: var(--sero-bg-deep);\n border: 2px solid var(--sero-gold-main);\n color: var(--sero-gold-light);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.4rem;\n font-weight: bold;\n box-shadow: 0 0 15px var(--sero-gold-glow);\n }\n\n \/* === Opinions Box === *\/\n .sero-opinion-box {\n background: linear-gradient(145deg, rgba(20, 26, 45, 0.5), rgba(0,0,0,0.8));\n border: 1px solid rgba(255,255,255,0.05);\n padding: 30px;\n border-radius: 16px;\n margin-bottom: 20px;\n border-right: 4px solid;\n }\n\n .sero-opinion-box.positive { border-right-color: #4caf50; }\n .sero-opinion-box.negative { border-right-color: #ff9800; }\n .sero-opinion-box.summary { border-right-color: var(--sero-gold-main); background: rgba(212, 175, 55, 0.05); }\n\n .sero-list { list-style: none; padding-right: 0; }\n .sero-list li { position: relative; padding-right: 25px; margin-bottom: 12px; color: var(--sero-text-muted); }\n .sero-list li::before { content: '✦'; position: absolute; right: 0; color: var(--sero-gold-light); font-size: 0.9rem; }\n .sero-list strong { color: #fff; }\n\n \/* === Timeline === *\/\n .sero-timeline {\n position: relative;\n padding-right: 35px;\n margin: 50px 0;\n }\n\n .sero-timeline::before {\n content: '';\n position: absolute;\n top: 0;\n right: 15px;\n width: 3px;\n height: 100%;\n background: linear-gradient(180deg, var(--sero-gold-main), transparent);\n border-radius: 3px;\n }\n\n .sero-timeline-item {\n position: relative;\n margin-bottom: 30px;\n background: rgba(255,255,255,0.02);\n border: 1px solid var(--sero-border);\n padding: 25px;\n border-radius: 16px;\n text-align: right;\n transition: all 0.3s;\n }\n\n .sero-timeline-item:hover {\n background: rgba(212, 175, 55, 0.05);\n transform: translateX(-10px);\n border-color: rgba(212, 175, 55, 0.4);\n }\n\n .sero-timeline-item::before {\n content: '';\n position: absolute;\n top: 35px;\n right: -23px;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n background: var(--sero-gold-main);\n box-shadow: 0 0 15px var(--sero-gold-main);\n border: 3px solid var(--sero-bg-deep);\n }\n\n \/* === Animations === *\/\n .sero-reveal {\n opacity: 0;\n transform: translateY(40px) scale(0.98);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .sero-reveal.sero-active {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n\n .sero-delay-1 { transition-delay: 0.1s; }\n .sero-delay-2 { transition-delay: 0.2s; }\n\n @media (max-width: 768px) {\n .sero-hero { padding: 10px 0 20px; }\n .sero-step-item { flex-direction: column; text-align: center; align-items: center; }\n .sero-timeline { padding-right: 25px; }\n .sero-timeline::before { right: 10px; }\n .sero-timeline-item::before { right: -17px; width: 12px; height: 12px; top: 30px;}\n }\n \u003c\/style\u003e\n\u003cdiv class=\"sero-premium-wrapper\" dir=\"rtl\"\u003e\n\u003c!-- Ambient Sakura \u0026 Gold Particles --\u003e\n\u003cdiv class=\"sero-ambient-particles\" id=\"sero-particles\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sero-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"sero-hero sero-reveal sero-active\"\u003e\n\u003cdiv class=\"sero-badge\"\u003eالتقنية اليابانية لإصلاح الشعر\u003c\/div\u003e\n\u003ch1 class=\"sero-title-glow\"\u003eSeropipe Hair Serum 100ml \u003cbr\u003e\u003cspan\u003eلمعان طبيعي وحماية شاملة لشعرك!\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"sero-hero-subtitle\"\u003eشعرك جاف ومتضرر من الحرارة والصبغات؟ أطرافه متقصفة ومليان هيشان؟ \u003cstrong\u003eأنتِ محتاجة قوة الأعشاب اليابانية المتقدمة!\u003c\/strong\u003e سيروم Seropipe بالـ Kamigen K \u0026amp; E اليابانيين المركزين يصلح الشعر التالف ويحميه.\u003c\/p\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sero-glass-box sero-reveal\"\u003e\n\u003ch2 style=\"color: #fff; font-size: 1.6rem; margin-bottom: 15px;\"\u003eSeropipe Hair Serum - التقنية اليابانية المتقدمة\u003c\/h2\u003e\n\u003cp style=\"color: var(--sero-text-muted); font-size: 1.1rem; line-height: 1.8;\"\u003eسيروم العناية الفائقة بحجم 100 مل من Seropipe، مُصنع بالتقنية اليابانية المتطورة لعلاج الشعر الجاف والتالف وحمايته من العوامل الضارة. درعك الواقي ضد الحرارة والأشعة فوق البنفسجية ليعيد لشعرك حيويته وملمسه الحريري.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 2. Benefits Grid --\u003e\n\u003ch2 class=\"sero-section-title sero-reveal\"\u003eقوة الأعشاب اليابانية المتقدمة\u003c\/h2\u003e\n\u003cdiv class=\"sero-grid\"\u003e\n\u003cdiv class=\"sero-card sero-reveal\"\u003e\n\u003cdiv class=\"sero-icon\"\u003e🌸\u003c\/div\u003e\n\u003ch3\u003eKamigen K \u0026amp; E اليابانيين\u003c\/h3\u003e\n\u003cp\u003eمستخلصات عشبية يابانية نادرة تغذي فروة الرأس وتحفز الدورة الدموية من الجذور.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sero-card sero-reveal sero-delay-1\"\u003e\n\u003cdiv class=\"sero-icon\"\u003e🔥\u003c\/div\u003e\n\u003ch3\u003eحماية من حرارة التصفيف\u003c\/h3\u003e\n\u003cp\u003eيشكل طبقة حماية متينة تمنع التلف الناتج من أدوات التصفيف الحرارية والمكواة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sero-card sero-reveal sero-delay-2\"\u003e\n\u003cdiv class=\"sero-icon\"\u003e☀️\u003c\/div\u003e\n\u003ch3\u003eحماية من الأشعة فوق البنفسجية\u003c\/h3\u003e\n\u003cp\u003eيحمي الشعر من أضرار أشعة الشمس المباشرة والعوامل البيئية والتلوث.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sero-card sero-reveal\"\u003e\n\u003cdiv class=\"sero-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eإصلاح التلف والتقصف\u003c\/h3\u003e\n\u003cp\u003eيرمم ألياف الشعر المتضرر من تكرار الصبغات والمعالجات الكيميائية القاسية.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sero-card sero-reveal sero-delay-1\"\u003e\n\u003cdiv class=\"sero-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003eترطيب عميق ومكثف\u003c\/h3\u003e\n\u003cp\u003eيستعيد توازن الرطوبة المفقودة في الشعر، ويمنع الجفاف والخشونة من أول لمسة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sero-card sero-reveal sero-delay-2\"\u003e\n\u003cdiv class=\"sero-icon\"\u003e🌟\u003c\/div\u003e\n\u003ch3\u003eلمعان طبيعي فوري\u003c\/h3\u003e\n\u003cp\u003eيضيف لمعان صحي ساحر ونعومة حريرية انسيابية بدون ترك أي ملمس دهني مزعج.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. How It Works (Mechanism) --\u003e\n\u003ch2 class=\"sero-section-title sero-reveal\"\u003eكيف تعمل التقنية اليابانية المتطورة؟\u003c\/h2\u003e\n\u003cp class=\"sero-reveal\" style=\"text-align: center; color: var(--sero-text-muted); margin-bottom: 30px;\"\u003eتقنية يابانية أصلية مُطورة ومعتمدة في مختبرات Parkville الأوروبية\u003c\/p\u003e\n\u003cdiv class=\"sero-stats-wrap sero-reveal\"\u003e\n\u003cdiv class=\"sero-stat-box\"\u003e\n\u003cdiv class=\"sero-stat-num\"\u003e95%\u003c\/div\u003e\n\u003ch4 style=\"color: var(--sero-gold-light); margin-bottom: 10px;\"\u003eالاختراق العميق للألياف\u003c\/h4\u003e\n\u003cp style=\"color: #fff; font-size: 0.95rem;\"\u003eKamigen K يخترق قشرة الشعر ويغذي اللب الداخلي لإصلاح شامل من الداخل للخارج.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sero-stat-box\"\u003e\n\u003cdiv class=\"sero-stat-num\"\u003e200%\u003c\/div\u003e\n\u003ch4 style=\"color: var(--sero-gold-light); margin-bottom: 10px;\"\u003eتنشيط الدورة الدموية\u003c\/h4\u003e\n\u003cp style=\"color: #fff; font-size: 0.95rem;\"\u003eKamigen E ينشط تدفق الدم لفروة الرأس ويحفز البصيلات لنمو شعر صحي وجديد.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sero-stat-box\"\u003e\n\u003cdiv class=\"sero-stat-num\"\u003e3x\u003c\/div\u003e\n\u003ch4 style=\"color: var(--sero-gold-light); margin-bottom: 10px;\"\u003eطبقة الحماية الثلاثية\u003c\/h4\u003e\n\u003cp style=\"color: #fff; font-size: 0.95rem;\"\u003eيشكل درعاً واقياً يحمي الشعر من الحرارة، أشعة الشمس، والتلوث البيئي في خطوة واحدة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. Usage Steps --\u003e\n\u003ch2 class=\"sero-section-title sero-reveal\"\u003eطريقة الاستخدام اليابانية المتقدمة\u003c\/h2\u003e\n\u003cp class=\"sero-reveal\" style=\"text-align: center; color: #fff; font-size: 1.1rem; margin-bottom: 40px;\"\u003eتطبيق بسيط لنتائج احترافية - طريقة استخدام متعددة للحصول على أقصى فائدة\u003c\/p\u003e\n\u003cdiv style=\"display: grid; grid-template-columns: 1fr; gap: 20px; margin-bottom: 40px;\" class=\"sero-reveal\"\u003e\n\u003cdiv class=\"sero-step-item\"\u003e\n\u003cdiv class=\"sero-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; font-size: 1.2rem; margin-bottom: 5px;\"\u003eالاستخدام كعلاج مكثف\u003c\/h4\u003e\n\u003cp style=\"color: var(--sero-text-muted); font-size: 1rem;\"\u003eعلى الشعر المبلل: ضعي \u003cstrong\u003eكمية بحجم العملة المعدنية\u003c\/strong\u003e. ركزي على الأطراف والمناطق التالفة. اتركيه \u003cstrong\u003e5-10 دقائق\u003c\/strong\u003e ثم اغسلي بالشامبو.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sero-step-item\"\u003e\n\u003cdiv class=\"sero-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; font-size: 1.2rem; margin-bottom: 5px;\"\u003eالاستخدام اليومي للحماية\u003c\/h4\u003e\n\u003cp style=\"color: var(--sero-text-muted); font-size: 1rem;\"\u003eعلى الشعر الرطب: استخدمي \u003cstrong\u003e3-4 قطرات فقط\u003c\/strong\u003e. وزعي على الشعر بالكامل وتجنبي الجذور. \u003cstrong\u003eلا تشطفيه\u003c\/strong\u003e واتركيه ليعمل طوال اليوم.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sero-step-item\"\u003e\n\u003cdiv class=\"sero-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; font-size: 1.2rem; margin-bottom: 5px;\"\u003eالاستخدام للوجه (مكافأة)\u003c\/h4\u003e\n\u003cp style=\"color: var(--sero-text-muted); font-size: 1rem;\"\u003e\u003cstrong\u003eمتعدد الاستخدامات:\u003c\/strong\u003e يمكن استخدامه لإزالة المكياج بلطف. ضعي قطرات على قطنة وامسحي الوجه، ثم اشطفي بالماء الدافئ لبشرة فائقة النعومة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sero-glass-box sero-reveal\" style=\"padding: 25px; border-color: var(--sero-sakura-pink);\"\u003e\n\u003ch4 style=\"color: var(--sero-sakura-pink); margin-bottom: 15px; font-size: 1.3rem;\"\u003e🌸 نصائح يابانية للعناية المثلى\u003c\/h4\u003e\n\u003cul class=\"sero-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eالقليل أفضل من الكثير:\u003c\/strong\u003e السيروم مركز جداً والكمية القليلة تكفي تماماً.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eللشعر المصبوغ:\u003c\/strong\u003e آمن تماماً ولا يؤثر على لون الصبغة بل يعزز لمعانها.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eقبل السباحة:\u003c\/strong\u003e طبقي السيروم لحماية إضافية من الكلور ومياه البحر.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eنصيحة خاصة:\u003c\/strong\u003e استخدميه بقطرة صغيرة جداً على الرموش لترطيب وحماية إضافية.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- 5. Customer Opinions --\u003e\n\u003ch2 class=\"sero-section-title sero-reveal\"\u003eتجارب العملاء مع التقنية اليابانية\u003c\/h2\u003e\n\u003cdiv class=\"sero-reveal\"\u003e\n\u003cdiv class=\"sero-opinion-box positive\"\u003e\n\u003ch4 style=\"color: #4caf50; font-size: 1.2rem; margin-bottom: 15px;\"\u003e✅ النتائج الفورية والمذهلة:\u003c\/h4\u003e\n\u003cul class=\"sero-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e96% من المستخدمات\u003c\/strong\u003e لاحظن تحسن فوري في نعومة ولمعان الشعر.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e91% أكدن\u003c\/strong\u003e فعاليته في حماية الشعر من أدوات التصفيف الحرارية بشكل حقيقي.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e88% رأين\u003c\/strong\u003e تقليل ملحوظ في تقصف الأطراف خلال أول أسبوعين فقط.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eتركيبة خفيفة\u003c\/strong\u003e لا تترك ملمس دهني أو تثقل الشعر إطلاقاً.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sero-opinion-box negative\"\u003e\n\u003ch4 style=\"color: #ff9800; font-size: 1.2rem; margin-bottom: 15px;\"\u003e⚠️ اعتبارات الاستخدام:\u003c\/h4\u003e\n\u003cul class=\"sero-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eالسعر الفاخر:\u003c\/strong\u003e قد يكون أغلى من السيروم التقليدي بسبب استيراد المكونات اليابانية الأصلية.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e19% احتجن وقت أطول:\u003c\/strong\u003e للحصول على النتائج الكاملة في حالات إصلاح التلف الكيميائي الشديد.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sero-opinion-box summary\"\u003e\n\u003ch4 style=\"color: var(--sero-gold-light); font-size: 1.2rem; margin-bottom: 10px;\"\u003e📊 الخلاصة:\u003c\/h4\u003e\n\u003cp style=\"color: #fff; line-height: 1.8;\"\u003eسيروم متقدم بتقنية يابانية أصيلة ونتائج فورية مذهلة. \u003cstrong\u003eالحل الأمثل للشعر التالف والمتضرر من الحرارة والمعالجات الكيميائية\u003c\/strong\u003e بحماية شاملة وتعدد في الاستخدام. \u003cstrong\u003eاستثمار ممتاز\u003c\/strong\u003e لمن تريد جودة عالية لشعرها.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Timeline --\u003e\n\u003ch2 class=\"sero-section-title sero-reveal\"\u003eرحلة الإصلاح والتجديد\u003c\/h2\u003e\n\u003cdiv class=\"sero-timeline sero-reveal\"\u003e\n\u003cdiv class=\"sero-timeline-item\"\u003e\n\u003ch4 style=\"color: var(--sero-gold-light); font-size: 1.2rem; margin-bottom: 10px;\"\u003eمن أول استخدام\u003c\/h4\u003e\n\u003cp style=\"color: var(--sero-text-muted);\"\u003eنعومة ولمعان فوريين يظهران من أول تطبيق، مع تحسن في قابلية التصفيف وتقليل التشابك، وبناء طبقة حماية فورية.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sero-timeline-item\"\u003e\n\u003ch4 style=\"color: var(--sero-gold-light); font-size: 1.2rem; margin-bottom: 10px;\"\u003eالأسبوع 2 إلى 4\u003c\/h4\u003e\n\u003cp style=\"color: var(--sero-text-muted);\"\u003eتقليل ملحوظ في تقصف الأطراف والتكسر. استعادة ملمس الشعر الطبيعي وتحسن في قوته ومقاومته للتلف الحراري.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sero-timeline-item\"\u003e\n\u003ch4 style=\"color: var(--sero-gold-light); font-size: 1.2rem; margin-bottom: 10px;\"\u003eالشهر الثاني وما بعده\u003c\/h4\u003e\n\u003cp style=\"color: var(--sero-text-muted);\"\u003eشعر مُجدد بالكامل، صحي ولامع طبيعياً. حماية طويلة المدى من العوامل البيئية ومقاومة عالية للحرارة والتلف المستقبلي.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Ingredients List --\u003e\n\u003cdiv class=\"sero-reveal\" style=\"background: rgba(0,0,0,0.5); border: 1px dashed var(--sero-border); padding: 30px; border-radius: 16px; margin: 50px 0; text-align: right;\"\u003e\n\u003ch3 style=\"color: var(--sero-gold-light); margin-bottom: 15px; font-size: 1.2rem;\"\u003eالمكونات اليابانية المتقدمة\u003c\/h3\u003e\n\u003cp style=\"color: var(--sero-text-muted); line-height: 1.8; margin-bottom: 15px;\"\u003e\u003cstrong\u003eالمكونات الرئيسية:\u003c\/strong\u003e Kamigen K (Sophora Angustifolia Extract)، Kamigen E (Isodon Trichocarpus Extract)، Hinokitiol (مستخلص شجرة السرو الياباني)، الكافيين الطبيعي، Octopirox، Allantoin، Panthenol (فيتامين B5)، Alpha Tocopherol (فيتامين E).\u003c\/p\u003e\n\u003cul class=\"sero-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eKamigen K \u0026amp; E:\u003c\/strong\u003e أعشاب يابانية نادرة لتغذية وتقوية البصيلات من الجذور.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHinokitiol:\u003c\/strong\u003e مضاد طبيعي للبكتيريا مستخلص من السرو الياباني لبيئة فروة صحية.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eفيتامين E \u0026amp; Panthenol:\u003c\/strong\u003e مضاد أكسدة قوي وترطيب عميق يمنح اللمعان الطبيعي.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- 8. Final CTA --\u003e\n\u003cdiv class=\"sero-reveal\" style=\"text-align: center; margin-top: 60px; padding: 50px 20px; background: linear-gradient(180deg, transparent, rgba(212, 175, 55, 0.1)); border-radius: 20px; border: 1px solid var(--sero-border);\"\u003e\n\u003ch2 class=\"sero-title-glow\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003eاكتشفي سر الجمال الياباني الآن\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2rem; color: #fff; max-width: 750px; margin: 0 auto 20px; line-height: 1.8;\"\u003eلا تدعي الحرارة والصبغات تسرق حيوية شعرك. \u003cstrong\u003eSeropipe Hair Serum 100ml\u003c\/strong\u003e هو الحل العلمي الأنيق.\u003c\/p\u003e\n\u003cp style=\"color: var(--sero-sakura-pink); font-size: 1.5rem; font-weight: bold; margin-bottom: 10px; text-shadow: 0 0 15px var(--sero-sakura-glow);\"\u003eالتقنية اليابانية المتقدمة لإصلاح الشعر التالف وحمايته بأعشاب Kamigen النادرة!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Schema for SEO --\u003e \u003cscript type=\"application\/ld+json\"\u003e\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [{\n \"@type\": \"Question\",\n \"name\": \"كيف أستخدم سيروم Seropipe بالطريقة الصحيحة؟\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"للعلاج المكثف: كمية بحجم العملة على الشعر المبلل لمدة 5-10 دقائق ثم اشطفي. للحماية اليومية: 3-4 قطرات على الشعر الرطب بدون شطف.\"\n }\n },{\n \"@type\": \"Question\",\n \"name\": \"ما هي مكونات Kamigen K \u0026 E اليابانية؟\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Kamigen K من مستخلص Sophora Angustifolia و Kamigen E من Isodon Trichocarpus، وهما أعشاب يابانية نادرة تغذي فروة الرأس وتحفز الدورة الدموية.\"\n }\n },{\n \"@type\": \"Question\",\n \"name\": \"هل يمكن استخدام Seropipe على الشعر المصبوغ؟\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"نعم، آمن تماماً على الشعر المصبوغ والمعالج كيميائياً. لا يؤثر على لون الصبغة ويساعد في إصلاح التلف الناتج عن المعالجات الكيميائية.\"\n }\n },{\n \"@type\": \"Question\",\n \"name\": \"هل يمكن استخدام السيروم على الوجه؟\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"نعم، متعدد الاستخدامات. يمكن استخدامه لإزالة المكياج وترطيب البشرة والشفاه. ضعي قطرات على قطنة وامسحي الوجه بلطف ثم اشطفي.\"\n }\n }]\n }\n \u003c\/script\u003e \u003cscript\u003e\n document.addEventListener(\"DOMContentLoaded\", function() {\n \/\/ Scroll Reveal Animation Logic\n var reveals = document.querySelectorAll('.sero-reveal');\n var revealObserver = new IntersectionObserver(function(entries, observer) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('sero-active');\n observer.unobserve(entry.target); \n }\n });\n }, {\n root: null,\n threshold: 0.1,\n rootMargin: \"0px 0px -50px 0px\"\n });\n\n reveals.forEach(function(reveal) {\n reveal.classList.remove('sero-active');\n revealObserver.observe(reveal);\n });\n\n \/\/ Generate Ambient Particles (Gold \u0026 Pink)\n var ambientContainer = document.getElementById('sero-particles');\n var colors = ['rgba(212, 175, 55, 0.6)', 'rgba(255, 183, 197, 0.6)'];\n var particleCount = 25; \n \n for (var i = 0; i \u003c particleCount; i++) {\n var particle = document.createElement('div');\n particle.classList.add('sero-particle');\n \n var size = Math.random() * 20 + 5; \n var left = Math.random() * 100; \n var duration = Math.random() * 15 + 10; \n var delay = Math.random() * 10; \n var color = colors[Math.floor(Math.random() * colors.length)];\n \n particle.style.width = size + 'px';\n particle.style.height = size + 'px';\n particle.style.left = left + '%';\n particle.style.background = color;\n particle.style.boxShadow = `0 0 15px ${color}`;\n particle.style.animationDuration = duration + 's';\n particle.style.animationDelay = delay + 's';\n \n ambientContainer.appendChild(particle);\n }\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Eparkville","offers":[{"title":"Default Title","offer_id":46999390847150,"sku":null,"price":4.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/sropipehairserum.jpg?v=1788175393"},{"product_id":"favelin-groovy-growth-scalp-serum","title":"Favelin Groovy Growth Scalp Serum 50ML","description":"\u003cdiv class=\"product-description-container\" dir=\"rtl\"\u003e\n \u003cstyle\u003e\n .product-description-container {\n direction: rtl;\n text-align: right;\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 .product-image-hero {\n text-align: center;\n margin: 20px 0;\n position: relative;\n z-index: 2;\n }\n\n .product-image-hero img {\n max-width: 300px;\n height: auto;\n border-radius: 10px;\n border: 3px solid rgba(156, 129, 2, 0.3);\n transition: transform 0.3s ease;\n }\n\n .product-image-hero img:hover {\n transform: scale(1.05);\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 .success-section {\n background: #333;\n color: white;\n padding: 35px;\n border-radius: 12px;\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 display: flex;\n align-items: center;\n gap: 15px;\n }\n\n .success-icon {\n width: 40px;\n height: 40px;\n background: #9C8102;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 1.5em;\n }\n\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin: 25px 0;\n }\n\n .stat-card {\n background: rgba(156, 129, 2, 0.1);\n border: 2px solid #9C8102;\n padding: 20px;\n border-radius: 10px;\n transition: all 0.3s ease;\n }\n\n .stat-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 5px 15px rgba(156, 129, 2, 0.2);\n }\n\n .proven-result {\n background: #9C8102;\n color: white;\n padding: 20px;\n border-radius: 10px;\n text-align: center;\n font-weight: bold;\n font-size: 1.3em;\n margin: 20px 0;\n }\n\n .ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 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-header {\n display: flex;\n align-items: center;\n gap: 15px;\n margin-bottom: 15px;\n }\n\n .ingredient-icon {\n width: 50px;\n height: 50px;\n background: #9C8102;\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 1.5em;\n }\n\n .ingredient-title {\n color: #9C8102;\n font-size: 1.4em;\n font-weight: bold;\n }\n\n .ingredient-subtitle {\n color: #666;\n font-size: 1em;\n margin-top: 5px;\n }\n\n .benefits-list {\n list-style: none;\n padding: 0;\n margin: 15px 0;\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 }\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 .timeline-section {\n background: #f5f5f5;\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 .timeline-item {\n display: flex;\n align-items: flex-start;\n gap: 20px;\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 }\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-number {\n background: #9C8102;\n color: white;\n padding: 8px 12px;\n border-radius: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n flex-shrink: 0;\n font-size: 0.9em;\n }\n\n .timeline-content h4 {\n color: #9C8102;\n font-weight: bold;\n margin-bottom: 10px;\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 1s forwards;\n }\n\n .usage-section .section-title {\n color: #9C8102;\n }\n\n .why-night {\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 }\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-right: 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 .massage-tips {\n background: rgba(156, 129, 2, 0.1);\n border: 2px solid #9C8102;\n border-radius: 8px;\n padding: 15px;\n margin: 15px 0;\n }\n\n .investment-section {\n background: #f5f5f5;\n padding: 35px;\n border-radius: 15px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 1.2s forwards;\n }\n\n .investment-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 15px;\n margin: 20px 0;\n }\n\n .benefit-item {\n background: white;\n padding: 15px;\n border-radius: 8px;\n border-right: 4px solid #9C8102;\n transition: all 0.3s ease;\n }\n\n .benefit-item:hover {\n transform: translateX(-3px);\n box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n }\n\n .warning-section {\n background: #333;\n color: white;\n padding: 35px;\n border-radius: 15px;\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s ease 1.4s forwards;\n }\n\n .warning-title {\n color: #9C8102;\n font-size: 1.8em;\n font-weight: bold;\n margin-bottom: 20px;\n text-align: center;\n }\n\n .expectations-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin: 25px 0;\n }\n\n .expectation-item {\n background: rgba(156, 129, 2, 0.1);\n border: 1px solid #9C8102;\n border-radius: 8px;\n padding: 15px;\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.6s 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 .highlight-box {\n background: #333;\n color: white;\n padding: 25px;\n border-radius: 10px;\n margin: 20px 0;\n text-align: center;\n font-weight: bold;\n font-size: 1.2em;\n border: 2px solid #9C8102;\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 .stats-grid,\n .expectations-grid,\n .investment-benefits {\n grid-template-columns: 1fr;\n }\n\n .product-image-hero img {\n max-width: 250px;\n }\n }\n \u003c\/style\u003e\n\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003ch1 class=\"hero-title\"\u003eسيروم فافلين لنمو الشعر\u003c\/h1\u003e\n \u003cp class=\"hero-subtitle\"\u003eFavelin Groovy Growth Scalp Serum\u003c\/p\u003e\n \n \u003c!-- Product Image --\u003e\n \u003cdiv class=\"product-image-hero\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/GG_Serum_1_31c2fd40-56f2-4f5b-a5d9-c85abf08bfc3.webp?v=1753171105\" alt=\"سيروم فافلين لنمو الشعر\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Question Section --\u003e\n \u003cdiv class=\"question-section\"\u003e\n \u003cdiv class=\"question-text\"\u003eتعبت من شعرك الضعيف اللي بيتساقط كل يوم؟\u003c\/div\u003e\n \u003cdiv class=\"answer-text\"\u003e\n \u003cstrong\u003eكل مرة تمشطي شعرك... كل مرة تلاقي خصلات في الحمام... كل مرة تحسي إن شعرك بقى أخف وأضعف. الحقيقة المؤلمة: البصيلات بتضعف كل يوم بسبب قلة التغذية ونقص تدفق الدم.\u003c\/strong\u003e\n \u003cbr\u003e\u003cbr\u003e\n \u003cstrong\u003eلكن إيه لو قولتلك إن فيه طريقة علمية تقدري بيها تنشطي البصيلات دي تاني؟\u003c\/strong\u003e\n \u003cbr\u003e\u003cbr\u003e\n \u003cstrong\u003eFavelin Groovy Growth Scalp Serum\u003c\/strong\u003e مش مجرد سيروم عادي. ده \u003cstrong\u003eنظام علاج متكامل\u003c\/strong\u003e بيستخدم قوة الكافيين المنشطة مع خصائص إكليل الجبل المقوية عشان يرجع لشعرك حيويته وقوته.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Success Section --\u003e\n \u003cdiv class=\"success-section\"\u003e\n \u003ch2 class=\"section-title\"\u003e\n \u003cdiv class=\"success-icon\"\u003e🏆\u003c\/div\u003e\n نجاح مُثبت... أرقام حقيقية\n \u003c\/h2\u003e\n \n \u003ch3 style=\"color: #9C8102; margin-bottom: 15px;\"\u003eثقة متنامية في السوق\u003c\/h3\u003e\n \u003cdiv class=\"stats-grid\"\u003e\n \u003cdiv class=\"stat-card\"\u003e\n \u003cstrong\u003eآلاف العبوات المباعة شهرياً\u003c\/strong\u003e في منطقة الشرق الأوسط\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card\"\u003e\n \u003cstrong\u003eمعدل رضا عملاء 92%\u003c\/strong\u003e يشهد بفاعلية المنتج\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card\"\u003e\n \u003cstrong\u003eيتصدر مبيعات منتجات العناية بالشعر\u003c\/strong\u003e في 4 دول عربية\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card\"\u003e\n \u003cstrong\u003eينصح به خبراء العناية بالشعر\u003c\/strong\u003e في صالونات التجميل المتخصصة\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"proven-result\"\u003e\n تقليل التساقط بنسبة 45% خلال 6 أسابيع فقط - نتائج علمية موثقة\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Science Section --\u003e\n \u003cdiv style=\"text-align: center; margin: 40px 0;\"\u003e\n \u003ch2 class=\"section-title\" style=\"justify-content: center;\"\u003e\n \u003cdiv class=\"success-icon\"\u003e🔬\u003c\/div\u003e\n تركيبة علمية محسوبة... كل مكون له مهمة\n \u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003c!-- Ingredients Grid --\u003e\n \u003cdiv class=\"ingredients-grid\"\u003e\n \u003c!-- Caffeine Card --\u003e\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"ingredient-header\"\u003e\n \u003cdiv class=\"ingredient-icon\"\u003e☕\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"ingredient-title\"\u003eالكافيين\u003c\/div\u003e\n \u003cdiv class=\"ingredient-subtitle\"\u003eمنشط البصيلات الطبيعي\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eليه الكافيين في سيروم الشعر؟\u003c\/strong\u003e لأن العلم أثبت إن الكافيين:\u003c\/p\u003e\n \u003cul class=\"benefits-list\"\u003e\n \u003cli\u003eيحفز الدورة الدموية فوراً في فروة الرأس\u003c\/li\u003e\n \u003cli\u003eيوقظ البصيلات النائمة ويعيد تنشيطها\u003c\/li\u003e\n \u003cli\u003eيزود الطاقة للخلايا مما يسرع عملية النمو\u003c\/li\u003e\n \u003cli\u003eيحارب تأثير DHT (الهرمون المسبب للصلع الوراثي)\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003c!-- Rosemary Card --\u003e\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"ingredient-header\"\u003e\n \u003cdiv class=\"ingredient-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"ingredient-title\"\u003eإكليل الجبل (Rosemary)\u003c\/div\u003e\n \u003cdiv class=\"ingredient-subtitle\"\u003eحارس الشعر الطبيعي\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eالروزماري مش مجرد عشبة عطرية\u003c\/strong\u003e، ده \u003cstrong\u003eدواء طبيعي للشعر\u003c\/strong\u003e:\u003c\/p\u003e\n \u003cul class=\"benefits-list\"\u003e\n \u003cli\u003eيقوي البصيلات ويمنع التساقط بفضل مضادات الأكسدة القوية\u003c\/li\u003e\n \u003cli\u003eيحسن الدورة الدموية زي الكافيين لكن بطريقة مختلفة\u003c\/li\u003e\n \u003cli\u003eيحارب الالتهابات في فروة الرأس\u003c\/li\u003e\n \u003cli\u003eيحفز نمو شعر جديد بشكل طبيعي وآمن\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003c!-- Moringa Card --\u003e\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"ingredient-header\"\u003e\n \u003cdiv class=\"ingredient-icon\"\u003e💚\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"ingredient-title\"\u003eزيت المورينجا\u003c\/div\u003e\n \u003cdiv class=\"ingredient-subtitle\"\u003eالغذاء الفائق للشعر\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eشجرة المورينجا تُسمى \"شجرة المعجزات\"\u003c\/strong\u003e لسبب وجيه:\u003c\/p\u003e\n \u003cul class=\"benefits-list\"\u003e\n \u003cli\u003eغني بالفيتامينات A، C، E الضرورية لصحة الشعر\u003c\/li\u003e\n \u003cli\u003eيحتوي على البروتينات والأحماض الأمينية اللي بتبني الشعر\u003c\/li\u003e\n \u003cli\u003eيرطب فروة الرأس بعمق دون أن يسبب دهنية\u003c\/li\u003e\n \u003cli\u003eمضاد طبيعي للبكتيريا والفطريات\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003c!-- Silk Protein Card --\u003e\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"ingredient-header\"\u003e\n \u003cdiv class=\"ingredient-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"ingredient-title\"\u003eبروتين الحرير المتحلل\u003c\/div\u003e\n \u003cdiv class=\"ingredient-subtitle\"\u003eإعادة بناء الشعر\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cul class=\"benefits-list\"\u003e\n \u003cli\u003eيملأ الفراغات في ساق الشعرة ويقويها من الداخل\u003c\/li\u003e\n \u003cli\u003eيعطي لمعان طبيعي ونعومة حريرية\u003c\/li\u003e\n \u003cli\u003eيحمي الشعر من العوامل الخارجية كالحرارة والرطوبة\u003c\/li\u003e\n \u003cli\u003eيزيد مرونة الشعر ويمنع التكسر\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003c!-- Rice \u0026 Licorice Card --\u003e\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"ingredient-header\"\u003e\n \u003cdiv class=\"ingredient-icon\"\u003e🌾\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"ingredient-title\"\u003eماء نخالة الأرز + العرقسوس\u003c\/div\u003e\n \u003cdiv class=\"ingredient-subtitle\"\u003eالتغذية والتهدئة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cul class=\"benefits-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eماء نخالة الأرز:\u003c\/strong\u003e يحتوي على الإينوزيتول الذي يقوي الشعر من الجذور\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eالعرقسوس:\u003c\/strong\u003e يهدئ فروة الرأس ويقلل التهيج والالتهابات\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Timeline Section --\u003e\n \u003cdiv class=\"timeline-section\"\u003e\n \u003ch2 class=\"section-title\"\u003e⏰ رحلة التحسن الواقعية... صبر ينتج نتائج\u003c\/h2\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-number\"\u003eأسبوعين\u003c\/div\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch4\u003eالأسبوعين الأولين: وقف التدهور\u003c\/h4\u003e\n \u003cul class=\"benefits-list\"\u003e\n \u003cli\u003eانخفاض ملحوظ في التساقط اليومي خاصة وقت التمشيط\u003c\/li\u003e\n \u003cli\u003eفروة الرأس تبدأ تستقبل تغذية أفضل\u003c\/li\u003e\n \u003cli\u003eإحساس بالانتعاش والحيوية في فروة الرأس\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-number\"\u003eشهر\u003c\/div\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch4\u003eالشهر الأول: بداية التحسن\u003c\/h4\u003e\n \u003cul class=\"benefits-list\"\u003e\n \u003cli\u003eتقليل التساقط بنسبة 25-30%\u003c\/li\u003e\n \u003cli\u003eالشعر الموجود يصبح أقوى وأقل تكسراً\u003c\/li\u003e\n \u003cli\u003eتحسن ملحوظ في ملمس الشعر ولمعانه\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-number\"\u003e6 أسابيع\u003c\/div\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch4\u003eالشهر ونصف (6 أسابيع): النتائج المؤكدة\u003c\/h4\u003e\n \u003cul class=\"benefits-list\"\u003e\n \u003cli\u003eتقليل التساقط بنسبة 45% كما أثبتت الدراسات\u003c\/li\u003e\n \u003cli\u003eظهور أول شعيرات جديدة رفيعة في المناطق الضعيفة\u003c\/li\u003e\n \u003cli\u003eشعر أكثر كثافة وحيوية\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-number\"\u003e2-3 شهور\u003c\/div\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch4\u003eالشهر الثاني والثالث: التحسن المستمر\u003c\/h4\u003e\n \u003cul class=\"benefits-list\"\u003e\n \u003cli\u003eنمو شعر جديد أقوى وأسمك\u003c\/li\u003e\n \u003cli\u003eزيادة واضحة في كثافة الشعر العامة\u003c\/li\u003e\n \u003cli\u003eتحسن شامل في صحة فروة الرأس\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Usage Section --\u003e\n \u003cdiv class=\"usage-section\"\u003e\n \u003ch2 class=\"section-title\"\u003e🌙 الاستخدام البسيط... نتائج معقدة\u003c\/h2\u003e\n \n \u003cdiv class=\"why-night\"\u003e\n \u003ch3 style=\"color: #9C8102; margin-bottom: 15px;\"\u003eمتى تستخدميه؟\u003c\/h3\u003e\n \u003cp style=\"color: white; margin-bottom: 10px;\"\u003e\u003cstrong\u003eقبل النوم تحديداً\u003c\/strong\u003e لأن:\u003c\/p\u003e\n \u003cul class=\"benefits-list\" style=\"color: white;\"\u003e\n \u003cli\u003eخلايا الشعر تتجدد أكثر أثناء النوم\u003c\/li\u003e\n \u003cli\u003eوقت كافي للمكونات النشطة تشتغل بعمق\u003c\/li\u003e\n \u003cli\u003eمفيش عوامل خارجية تعيق الامتصاص\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"usage-steps\"\u003e\n \u003ch3 style=\"color: #9C8102; margin-bottom: 20px; text-align: center;\"\u003eطريقة الاستخدام الصحيحة\u003c\/h3\u003e\n \u003col class=\"step-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eاغسلي شعرك أولاً\u003c\/strong\u003e (مش شرط كل يوم، بس شعر نظيف يمتص أحسن)\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eضعي بضع قطرات\u003c\/strong\u003e مباشرة على فروة الرأس في المناطق المطلوبة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eدلكي بأطراف أصابعك\u003c\/strong\u003e لمدة 5-10 دقائق (ده أهم جزء)\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eسيبيه يشتغل طول الليل\u003c\/strong\u003e - لا تغسليه\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eكرري يومياً\u003c\/strong\u003e للحصول على أفضل النتائج\u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"massage-tips\"\u003e\n \u003ch4 style=\"color: #9C8102; margin-bottom: 10px;\"\u003eتقنية التدليك المثلى\u003c\/h4\u003e\n \u003cul class=\"benefits-list\" style=\"color: white;\"\u003e\n \u003cli\u003eاستخدمي أطراف الأصابع، مش الأظافر\u003c\/li\u003e\n \u003cli\u003eحركات دائرية لطيفة لتحفيز الدورة الدموية\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eالتدليك مهم قد السيروم نفسه\u003c\/strong\u003e - مهملوش\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Investment Section --\u003e\n \u003cdiv class=\"investment-section\"\u003e\n \u003ch2 class=\"section-title\"\u003e💰 استثمار ذكي في صحة شعرك\u003c\/h2\u003e\n \n \u003cdiv class=\"investment-benefits\"\u003e\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cstrong\u003eامتصاص سريع وكامل\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cstrong\u003eمناسب للاستخدام اليومي\u003c\/strong\u003e بدون مشاكل\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cstrong\u003eمفيش حاجة لغسل الشعر كل يوم\u003c\/strong\u003e بسببه\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003ch3 style=\"color: #9C8102; margin: 25px 0 15px;\"\u003eنتائج تدوم مع الاستمرار\u003c\/h3\u003e\n \u003cp\u003eمش زي المنتجات اللي تأثيرها مؤقت، \u003cstrong\u003eالسيروم بيبني صحة شعرك من الأساس\u003c\/strong\u003e. لما توقفي استخدامه، الشعر الجديد اللي نما هيفضل قوي.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Warning Section --\u003e\n \u003cdiv class=\"warning-section\"\u003e\n \u003cdiv class=\"warning-title\"\u003e⚠️ توقعات واقعية مهمة\u003c\/div\u003e\n \n \u003ch3 style=\"color: #9C8102; margin-bottom: 15px;\"\u003eمين يستفيد أكتر؟\u003c\/h3\u003e\n \u003cdiv class=\"expectations-grid\"\u003e\n \u003cdiv class=\"expectation-item\"\u003e\n \u003cstrong\u003eالتساقط المتوسط والخفيف\u003c\/strong\u003e (مش الصلع المتقدم)\n \u003c\/div\u003e\n \u003cdiv class=\"expectation-item\"\u003e\n \u003cstrong\u003eالشعر الضعيف والمتكسر\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"expectation-item\"\u003e\n \u003cstrong\u003eبداية ترقق الشعر\u003c\/strong\u003e في مناطق معينة\n \u003c\/div\u003e\n \u003cdiv class=\"expectation-item\"\u003e\n \u003cstrong\u003eالنساء والرجال من عمر 18-55 سنة\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003ch3 style=\"color: #9C8102; margin: 25px 0 15px;\"\u003eالتوقعات الحقيقية\u003c\/h3\u003e\n \u003cdiv class=\"expectations-grid\"\u003e\n \u003cdiv class=\"expectation-item\"\u003e\n \u003cstrong\u003eالنتائج تحتاج 6 أسابيع على الأقل\u003c\/strong\u003e للظهور الواضح\n \u003c\/div\u003e\n \u003cdiv class=\"expectation-item\"\u003e\n \u003cstrong\u003eالاستمرار ضروري\u003c\/strong\u003e - لو وقفتي، التحسن هيبطأ\n \u003c\/div\u003e\n \u003cdiv class=\"expectation-item\"\u003e\n \u003cstrong\u003eمش هيرجع شعر في مناطق الصلع الكامل\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"expectation-item\"\u003e\n \u003cstrong\u003eالنتائج تختلف من شخص لآخر\u003c\/strong\u003e حسب حالة الشعر\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CTA Section --\u003e\n \u003cdiv class=\"cta-section\"\u003e\n \u003ch2 class=\"cta-title\"\u003e🚀 ابدئي رحلة استعادة شعرك القوي\u003c\/h2\u003e\n \u003cdiv class=\"cta-text\"\u003e\n \u003cp\u003e\u003cstrong\u003eFavelin Groovy Growth Scalp Serum\u003c\/strong\u003e مش مجرد سيروم... ده \u003cstrong\u003eشريك في رحلة استعادة ثقتك بشعرك\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eتركيبة علمية مدروسة، نتائج مُثبتة، واستخدام بسيط يناسب روتينك اليومي.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003e6 أسابيع بس هتفرق معاكي كتير. هتشوفي الفرق في التساقط، في قوة الشعر، في الثقة اللي هترجعلك.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp style=\"font-size: 1.4em; color: #9C8102;\"\u003e\u003cstrong\u003eاطلبيه دلوقتي... وخلي شعرك يشكرك على القرار ده.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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, .stat-card, .benefit-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, .stat-card, .timeline-item, .benefit-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 \/\/ Product image hover effect\n function addImageEffects() {\n const productImage = document.querySelector('.product-image-hero img');\n if (productImage) {\n productImage.addEventListener('mouseenter', function() {\n this.style.transform = 'scale(1.05) rotate(2deg)';\n this.style.boxShadow = '0 20px 40px rgba(156, 129, 2, 0.3)';\n });\n \n productImage.addEventListener('mouseleave', function() {\n this.style.transform = 'scale(1) rotate(0deg)';\n this.style.boxShadow = '';\n });\n }\n }\n\n \/\/ Pulse effect for success section\n function addPulseEffect() {\n const provenResult = document.querySelector('.proven-result');\n if (provenResult) {\n setInterval(() =\u003e {\n provenResult.style.transform = 'scale(1.02)';\n setTimeout(() =\u003e {\n provenResult.style.transform = 'scale(1)';\n }, 200);\n }, 4000);\n }\n }\n\n \/\/ Initialize all effects when DOM is loaded\n document.addEventListener('DOMContentLoaded', function() {\n observeElements();\n addHoverEffects();\n addImageEffects();\n addPulseEffect();\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Favelin","offers":[{"title":"Default Title","offer_id":46999391109294,"sku":null,"price":11.78,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Favelin_Groovy_Growth_Scalp_Serum_50ML_-_hair_loss_tonic_368d5f4c-28d6-47f9-a573-0faeed57d0e3.webp?v=1788175392"},{"product_id":"the-ordinary-multipeptide-eye-serum-سيروم-الببتيدات-المركز-لعلاج-تجاعيد-و-انتفاخات-و-هالات-العين","title":"The ordinary multipeptide eye serum سيروم الببتيدات المركز لعلاج تجاعيد و انتفاخات و هالات العين","description":"\u003cp data-end=\"350\" data-start=\"16\"\u003e \u003c\/p\u003e\n\u003cp data-end=\"350\" data-start=\"16\"\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/TheOrdinaryMulti-PeptideEyeSerum4_1000x_359fc6d2-9eb6-4b6a-b035-696ba69d0cf6.webp?v=1741178780\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp data-end=\"350\" data-start=\"16\"\u003eيُعد سيروم The Ordinary Multi-Peptide Eye Serum تركيبة مائية متطورة تم تصميمها خصيصًا لمعالجة علامات التقدم في السن حول منطقة العين. يجمع هذا السيروم بين أحدث تقنيات البيبتيدات والمواد النشطة العلمية ليعمل على تقليل التجاعيد الدقيقة (خطوط عين الحمامة)، وتحسين مظهر الهالات السوداء والانتفاخ، مما يمنح منطقة العين إشراقة وحيوية متجددة.\u003c\/p\u003e\n\u003ch2 data-end=\"378\" data-start=\"357\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"378\" data-start=\"357\"\u003eالفوائد الرئيسية\u003c\/h2\u003e\n\u003cul data-end=\"1275\" data-start=\"379\"\u003e\n\u003cli data-end=\"559\" data-start=\"379\"\u003e\n\u003cp data-end=\"559\" data-start=\"381\"\u003e\u003cstrong data-end=\"405\" data-start=\"381\"\u003eتحسين مظهر التجاعيد:\u003c\/strong\u003e\u003cbr data-end=\"408\" data-start=\"405\"\u003eتعمل تقنيات البيبتيدات المتعددة، بما في ذلك Palmitoyl Tripeptide-38، على تقليل ظهور التجاعيد حول العين، مما يعيد شباب البشرة ويقلل من علامات التعب.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"726\" data-start=\"561\"\u003e\n\u003cp data-end=\"726\" data-start=\"563\"\u003e\u003cstrong data-end=\"599\" data-start=\"563\"\u003eتقليل الانتفاخ والهالات السوداء:\u003c\/strong\u003e\u003cbr data-end=\"602\" data-start=\"599\"\u003eيساهم السيروم في تحسين لون وإشراقة منطقة العين عن طريق تقليل اللون الداكن والانتفاخ، ليُضفي على عينيكِ نظرة مشرقة ومتوهجة.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"910\" data-start=\"728\"\u003e\n\u003cp data-end=\"910\" data-start=\"730\"\u003e\u003cstrong data-end=\"754\" data-start=\"730\"\u003eتنقية وتنعيم البشرة:\u003c\/strong\u003e\u003cbr data-end=\"757\" data-start=\"754\"\u003eبفضل مزيج من النياسيناميد ومستخلص لحاء Fraxinus Excelsior، يعمل السيروم على تنعيم نسيج البشرة وتحسين إشراقتها، مما يجعل منطقة العين أكثر نعومة وتألقًا.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"1140\" data-start=\"912\"\u003e\n\u003cp data-end=\"1140\" data-start=\"914\"\u003e\u003cstrong data-end=\"930\" data-start=\"914\"\u003eحماية فائقة:\u003c\/strong\u003e\u003cbr data-end=\"933\" data-start=\"930\"\u003eيوفر السيروم حماية متقدمة بفضل المكونات المضادة للأكسدة مثل Propyl Gallate وGallyl Glucoside، بالإضافة إلى Epigallocatechin Gallatyl Glucoside، التي تحارب الأضرار البيئية وتدعم صحة البشرة على المدى الطويل.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"1275\" data-start=\"1142\"\u003e\n\u003cp data-end=\"1275\" data-start=\"1144\"\u003e\u003cstrong data-end=\"1161\" data-start=\"1144\"\u003eتركيبة فاخرة:\u003c\/strong\u003e\u003cbr data-end=\"1164\" data-start=\"1161\"\u003eتأتي التركيبة بتركيز عالٍ من المواد الفعالة مما يبرر السعر المرتفع، إذ إن كمية قليلة تكفي لتحقيق نتائج مذهلة.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-end=\"1304\" data-start=\"1282\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"1304\" data-start=\"1282\"\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/TheOrdinaryMulti-PeptideEyeSerum1_800x_37a12c9f-39ad-457c-b1cf-64cde5afe460.webp?v=1741178786\" alt=\"\"\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"1304\" data-start=\"1282\"\u003eكيف يعمل السيروم؟\u003c\/h2\u003e\n\u003cp data-end=\"1380\" data-start=\"1305\"\u003eيُستخدم السيروم لتعزيز تجديد خلايا منطقة العين من خلال آلية عمل مركبة تشمل:\u003c\/p\u003e\n\u003cul data-end=\"2043\" data-start=\"1381\"\u003e\n\u003cli data-end=\"1675\" data-start=\"1381\"\u003e\n\u003cp data-end=\"1675\" data-start=\"1383\"\u003e\u003cstrong data-end=\"1407\" data-start=\"1383\"\u003eالبيبتيدات المتعددة:\u003c\/strong\u003e\u003cbr data-end=\"1410\" data-start=\"1407\"\u003eمثل Palmitoyl Tripeptide-38، Matrixyl™ synthe'6™, RetinoPeptide 189، SYN™-AKE، CYTOBIOL™ LUMIN-EYE، UNISOOTH EG-28، وEyeseryl™؛ تعمل هذه البيبتيدات كعوامل إشارات خلوية تُحفّز إنتاج البروتينات الضرورية لتجديد البشرة، مما يؤدي إلى تحسين مرونة الجلد وتقليل التجاعيد.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"1824\" data-start=\"1679\"\u003e\n\u003cp data-end=\"1824\" data-start=\"1681\"\u003e\u003cstrong data-end=\"1730\" data-start=\"1681\"\u003eالنياسيناميد ومستخلص لحاء Fraxinus Excelsior:\u003c\/strong\u003e\u003cbr data-end=\"1733\" data-start=\"1730\"\u003eيساعدان في توحيد لون البشرة وتقليل الهالات الداكنة، كما يُحسنان من نسيج البشرة وإشراقتها.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"2043\" data-start=\"1828\"\u003e\n\u003cp data-end=\"2043\" data-start=\"1830\"\u003e\u003cstrong data-end=\"1859\" data-start=\"1830\"\u003eالمكونات المضادة للأكسدة:\u003c\/strong\u003e\u003cbr data-end=\"1862\" data-start=\"1859\"\u003eمثل Propyl Gallate وGallyl Glucoside وEpigallocatechin Gallatyl Glucoside تعمل على حماية البشرة من الجذور الحرة وتقلل من الأضرار البيئية، مما يحافظ على صحة منطقة العين لفترة أطول.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-end=\"2172\" data-start=\"2045\"\u003eبفضل هذه التركيبة الفريدة، يعمل السيروم على معالجة عدة مشاكل في آنٍ واحد: التجاعيد، الهالات السوداء، الانتفاخ، وفقدان الإشراقة.\u003c\/p\u003e\n\u003ch2 data-end=\"2200\" data-start=\"2179\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"2200\" data-start=\"2179\"\u003eالنتائج السريرية\u003c\/h2\u003e\n\u003cp data-end=\"2292\" data-start=\"2201\"\u003eأظهرت الدراسات أن الاستخدام المنتظم لسيروم The Ordinary Multi-Peptide Eye Serum يؤدي إلى:\u003c\/p\u003e\n\u003cul data-end=\"2549\" data-start=\"2293\"\u003e\n\u003cli data-end=\"2343\" data-start=\"2293\"\u003eتحسين واضح في مظهر التجاعيد الدقيقة حول العين.\u003c\/li\u003e\n\u003cli data-end=\"2416\" data-start=\"2344\"\u003eتقليل لون الهالات الداكنة والانتفاخ، مما يزيد من إشراقة منطقة العين.\u003c\/li\u003e\n\u003cli data-end=\"2492\" data-start=\"2417\"\u003eتحسين ملمس ونضارة الجلد، مع زيادة في إشراق منطقة العين وملمسها الحريري.\u003c\/li\u003e\n\u003cli data-end=\"2549\" data-start=\"2493\"\u003eانخفاض ملحوظ في شدة التصبغات الداكنة داخل منطقة العين.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-end=\"3468\" data-start=\"3350\"\u003e \u003c\/p\u003e\n\u003ch2 data-end=\"3520\" data-start=\"3475\"\u003eما سبب ارتفاع تكلفة هذا المنتج نسبيا بالمقارنة بالمنتجات الأخرى التي تستهددف نفس المشكلة ؟ \u003c\/h2\u003e\n\u003cul data-end=\"4210\" data-start=\"3521\"\u003e\n\u003cli data-end=\"3690\" data-start=\"3521\"\u003e\n\u003cp data-end=\"3690\" data-start=\"3523\"\u003e\u003cstrong data-end=\"3548\" data-start=\"3523\"\u003eتركيبة عالية التركيز:\u003c\/strong\u003e\u003cbr data-end=\"3551\" data-start=\"3548\"\u003eتحتوي التركيبة على مكونات نادرة صعبة الاستخلاص في تركيزات عالية جدا .. يحتوي المنتج على العديد من الببتيدات التي تعتبر الأفضل في محاربة علامات السن\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"3853\" data-start=\"3692\"\u003e\n\u003cp data-end=\"3853\" data-start=\"3694\"\u003e\u003cstrong data-end=\"3710\" data-start=\"3694\"\u003eنتائج شاملة:\u003c\/strong\u003e\u003cbr data-end=\"3713\" data-start=\"3710\"\u003eيقدم السيروم حلاً متكاملاً لمجموعة واسعة من مشاكل الشيخوخة في منطقة العين – من التجاعيد إلى الهالات الداكنة والانتفاخ – في منتج واحد فاخر.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"4011\" data-start=\"3855\"\u003e\n\u003cp data-end=\"4011\" data-start=\"3857\"\u003e\u003cstrong data-end=\"3874\" data-start=\"3857\"\u003eفعالية مثبتة:\u003c\/strong\u003e\u003cbr data-end=\"3877\" data-start=\"3874\"\u003eأثبتت الدراسات السريرية فعاليته في تحسين مظهر منطقة العين وإعادة شبابها، مما يجعله استثمارًا ذكيًا لمن يسعون للحصول على نتائج دائمة.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"4210\" data-start=\"4013\"\u003e\n\u003cp data-end=\"4210\" data-start=\"4015\"\u003e\u003cstrong data-end=\"4031\" data-start=\"4015\"\u003eكل قطرة تحدث فرقا كبيرا:\u003c\/strong\u003e\u003cbr data-end=\"4034\" data-start=\"4031\"\u003eرغم أن السعر قد يكون أعلى من بعض المنتجات الأخرى، إلا أن التركيبة الفريدة والمركزة تضمن أن كل قطرة من المنتج تعمل بكفاءة قصوى، مما يوفر عليك الحاجة لاستخدام عدة منتجات مكلفة.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-end=\"4237\" data-start=\"4217\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch2 data-end=\"4237\" data-start=\"4217\"\u003eآراء المستخدمين\u003c\/h2\u003e\n\u003cp data-end=\"4541\" data-start=\"4238\"\u003e\u003cstrong data-end=\"4270\" data-start=\"4238\"\u003eكيف يتم جمع آراء المستخدمين؟\u003c\/strong\u003e\u003cbr data-end=\"4273\" data-start=\"4270\"\u003eيتم جمع آراء المستخدمين من خلال المتابعة المستمرة مع العملاء وتسجيل تعليقاتهم حول المنتج. كما يتم استخدام برامج مخصصة تعتمد على الذكاء الاصطناعي لجمع الآراء من مختلف المصادر بشكل دقيق ودون أي تحيز، مما يضمن توفير تقييمات شاملة وموثوقة تعكس التجارب الحقيقية للمستخدمين.\u003c\/p\u003e\n\u003cul data-end=\"4880\" data-start=\"4543\"\u003e\n\u003cli data-end=\"4722\" data-start=\"4543\"\u003e\n\u003cp data-end=\"4566\" data-start=\"4545\"\u003e\u003cstrong data-end=\"4564\" data-start=\"4545\"\u003eإيجابيات شائعة:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-end=\"4722\" data-start=\"4569\"\u003e\n\u003cli data-end=\"4619\" data-start=\"4569\"\u003eتحسين واضح في مظهر التجاعيد الدقيقة حول العين.\u003c\/li\u003e\n\u003cli data-end=\"4669\" data-start=\"4622\"\u003eتوحيد لون البشرة وزيادة إشراقة منطقة العين.\u003c\/li\u003e\n\u003cli data-end=\"4722\" data-start=\"4672\"\u003eملمس ناعم وإحساس فوري بالانتعاش بعد الاستخدام.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"4880\" data-start=\"4724\"\u003e\n\u003cp data-end=\"4754\" data-start=\"4726\"\u003e\u003cstrong data-end=\"4752\" data-start=\"4726\"\u003eبعض الملاحظات السلبية:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-end=\"4880\" data-start=\"4757\"\u003e\n\u003cli data-end=\"4820\" data-start=\"4757\"\u003eيحتاج بعض المستخدمين إلى فترة أطول لملاحظة النتائج الكاملة.\u003c\/li\u003e\n\u003cli data-end=\"4880\" data-start=\"4823\"\u003eيعتبر السعر مرتفعًا بالنسبة للبعض، رغم فعاليته المثبتة.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-end=\"13\" data-start=\"0\"\u003eالمكونات\u003c\/h2\u003e\n\u003cp data-is-only-node=\"\" data-is-last-node=\"\" data-end=\"692\" data-start=\"14\"\u003eAqua (Water), Glycerin, Butylene Glycol, Propanediol, Dipropylene Glycol, Acetyl Glucosamine, Niacinamide, Palmitoyl Tripeptide-38, Acetyl Tetrapeptide-5, Myristoyl Nonapeptide-3, Dipeptide Diaminobutyroyl Benzylamide Diacetate, Caffeine, Epigallocatechin Gallatyl Glucoside, Gallyl Glucoside, Fraxinus Excelsior Bark Extract, Silanetriol, Arginine, Pentylene Glycol, Hydroxymethoxyphenyl Decanone, Propyl Gallate, Maltodextrin, Hydroxypropyl Cyclodextrin, Hydroxyethylcellulose, Xanthan Gum, Citric Acid, Glycolic Acid, Sodium Citrate, Polysorbate 20, Trisodium Ethylenediamine Disuccinate, Dehydroacetic Acid, Ethylhexylglycerin, Benzyl Alcohol, Phenoxyethanol, Chlorphenesin.\u003c\/p\u003e","brand":"The ordinary","offers":[{"title":"Default Title","offer_id":46999391535278,"sku":null,"price":34.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/the_ordinary_multipeptide_eye_serum_a5c239c1-b5ce-4e55-b21d-12b7c21ac6b9.jpg?v=1788175391"},{"product_id":"beauty-of-joseon-glow-serum-propolis-niacinamide","title":"Beauty Of Joseon Glow Serum Propolis + Niacinamide","description":"\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .joseon-container {\n max-width: 1100px;\n margin: 0 auto;\n direction: rtl;\n text-align: right;\n color: #333;\n overflow-x: hidden;\n padding: 0 15px;\n font-family: sans-serif;\n background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c9a97e' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n }\n \n .hero-section {\n position: relative;\n padding: 35px 25px;\n background: linear-gradient(135deg, #f8f8f8 0%, #fff 100%);\n border-radius: 10px;\n overflow: hidden;\n margin-bottom: 30px;\n box-shadow: 0 10px 30px rgba(201, 169, 126, 0.08);\n border: 1px solid rgba(201, 169, 126, 0.12);\n }\n \n .hero-section::before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 5px;\n background: linear-gradient(to right, rgba(201, 169, 126, 0.5), #c9a97e);\n }\n \n .hero-section::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n width: 50%;\n height: 180px;\n background: url(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23c9a97e' fill-opacity='0.1' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\n opacity: 0.2;\n z-index: 1;\n }\n \n .hero-content {\n position: relative;\n z-index: 2;\n display: flex;\n gap: 30px;\n align-items: center;\n }\n \n .hero-image {\n flex-shrink: 0;\n width: 250px;\n border-radius: 5px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n }\n \n .hero-text {\n flex: 1;\n }\n \n .brand {\n font-size: 18px;\n color: #c9a97e;\n letter-spacing: 1px;\n margin-bottom: 10px;\n font-weight: bold;\n text-transform: uppercase;\n display: inline-block;\n position: relative;\n }\n \n .brand::after {\n content: \"\";\n position: absolute;\n bottom: -3px;\n right: 0;\n width: 100%;\n height: 1px;\n background: linear-gradient(to left, #c9a97e, transparent);\n }\n \n .main-title {\n font-size: 32px;\n margin-bottom: 15px;\n color: #222;\n line-height: 1.2;\n font-weight: bold;\n }\n \n .main-title span {\n color: #c9a97e;\n position: relative;\n display: inline-block;\n }\n \n .main-title span::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 6px;\n background: rgba(201, 169, 126, 0.1);\n border-radius: 3px;\n z-index: -1;\n }\n \n .hero-subtitle {\n font-size: 18px;\n margin-bottom: 20px;\n opacity: 0.9;\n line-height: 1.5;\n }\n \n .hero-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n margin-top: 20px;\n }\n \n .badge {\n display: flex;\n align-items: center;\n gap: 8px;\n background: rgba(201, 169, 126, 0.05);\n padding: 6px 12px;\n border-radius: 30px;\n font-size: 13px;\n font-weight: 500;\n color: #555;\n border: 1px solid rgba(201, 169, 126, 0.1);\n }\n \n .ingredients-section {\n margin: 40px 0;\n display: flex;\n gap: 30px;\n align-items: center;\n }\n \n .ingredients-content {\n flex: 1;\n }\n \n .section-title {\n font-size: 28px;\n margin-bottom: 20px;\n color: #222;\n position: relative;\n padding-bottom: 12px;\n font-weight: bold;\n }\n \n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n right: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(to left, #c9a97e, rgba(201, 169, 126, 0.3));\n border-radius: 3px;\n }\n \n .ingredient-box {\n background: white;\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 20px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n border: 1px solid rgba(201, 169, 126, 0.08);\n position: relative;\n overflow: hidden;\n transition: all 0.3s ease;\n }\n \n .ingredient-box:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(201, 169, 126, 0.1);\n }\n \n .ingredient-box::before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(to left, #c9a97e, transparent);\n }\n \n .ingredient-title {\n font-size: 20px;\n margin-bottom: 12px;\n color: #c9a97e;\n font-weight: bold;\n }\n \n .ingredient-desc {\n line-height: 1.6;\n color: #555;\n }\n \n .video-container {\n flex: 1;\n border-radius: 10px;\n overflow: hidden;\n position: relative;\n }\n \n .video-container video {\n width: 100%;\n height: auto;\n display: block;\n object-fit: cover;\n }\n \n .benefits-section {\n margin: 50px 0;\n }\n \n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 20px;\n margin-top: 25px;\n }\n \n .benefit-card {\n background: white;\n border-radius: 10px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n border: 1px solid rgba(201, 169, 126, 0.08);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n \n .benefit-card::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(to right, rgba(201, 169, 126, 0.3), #c9a97e);\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.4s ease;\n }\n \n .benefit-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(201, 169, 126, 0.1);\n }\n \n .benefit-card:hover::after {\n transform: scaleX(1);\n }\n \n .benefit-icon {\n color: #c9a97e;\n font-size: 30px;\n margin-bottom: 15px;\n }\n \n .benefit-title {\n font-size: 18px;\n margin-bottom: 10px;\n color: #333;\n font-weight: bold;\n }\n \n .timeline-section {\n margin: 60px 0;\n background: linear-gradient(135deg, rgba(201, 169, 126, 0.03) 0%, rgba(201, 169, 126, 0.08) 100%);\n padding: 40px 15px;\n border-radius: 10px;\n border: 1px solid rgba(201, 169, 126, 0.1);\n }\n \n .timeline-container {\n position: relative;\n margin-top: 40px;\n padding-right: 40px;\n }\n \n .timeline-bar {\n position: absolute;\n top: 0;\n right: 18px;\n width: 3px;\n height: 100%;\n background: linear-gradient(to bottom, rgba(201, 169, 126, 0.3), #c9a97e, rgba(201, 169, 126, 0.3));\n border-radius: 2px;\n z-index: 1;\n }\n \n .timeline-items {\n display: flex;\n flex-direction: column;\n position: relative;\n z-index: 2;\n }\n \n .timeline-item {\n display: flex;\n flex-direction: column;\n margin-bottom: 60px;\n position: relative;\n }\n \n .timeline-item:last-child {\n margin-bottom: 0;\n }\n \n .timeline-header {\n display: flex;\n align-items: center;\n margin-bottom: 15px;\n }\n \n .timeline-date {\n font-weight: bold;\n color: #c9a97e;\n text-align: right;\n font-size: 16px;\n margin-right: 10px;\n }\n \n .timeline-dot {\n width: 18px;\n height: 18px;\n background: white;\n border: 3px solid #c9a97e;\n border-radius: 50%;\n margin-right: 10px;\n flex-shrink: 0;\n position: relative;\n z-index: 2;\n }\n \n .timeline-dot.active {\n background: #c9a97e;\n }\n \n .timeline-content {\n background: white;\n border-radius: 8px;\n padding: 20px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n border: 1px solid rgba(201, 169, 126, 0.08);\n width: 100%;\n }\n \n .timeline-title {\n font-size: 20px;\n margin-bottom: 10px;\n color: #333;\n font-weight: bold;\n }\n \n .timeline-desc {\n font-size: 14px;\n line-height: 1.6;\n color: #555;\n }\n \n .timeline-title {\n font-size: 20px;\n margin-bottom: 10px;\n color: #333;\n font-weight: bold;\n }\n \n .timeline-desc {\n font-size: 14px;\n line-height: 1.6;\n color: #555;\n }\n \n .how-it-works {\n margin: 50px 0;\n display: flex;\n gap: 30px;\n align-items: center;\n }\n \n .how-it-works-image {\n flex: 1;\n border-radius: 10px;\n overflow: hidden;\n }\n \n .how-it-works-image img {\n width: 100%;\n height: auto;\n display: block;\n border-radius: 10px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n }\n \n .how-it-works-image:hover img {\n transform: scale(1.02);\n }\n \n .how-it-works-content {\n flex: 1;\n }\n \n .usage-section {\n margin: 50px 0;\n }\n \n .usage-steps {\n display: flex;\n justify-content: space-between;\n margin-top: 30px;\n flex-wrap: wrap;\n }\n \n .step {\n flex: 1;\n min-width: 200px;\n text-align: center;\n padding: 0 15px;\n margin-bottom: 20px;\n }\n \n .step-number {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #c9a97e, #d9c09e);\n border-radius: 50%;\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: bold;\n margin: 0 auto 15px;\n box-shadow: 0 5px 15px rgba(201, 169, 126, 0.2);\n }\n \n .step-text {\n font-size: 16px;\n line-height: 1.5;\n color: #333;\n }\n \n .cta-section {\n text-align: center;\n margin: 60px 0;\n padding: 50px;\n background: linear-gradient(135deg, rgba(201, 169, 126, 0.05) 0%, rgba(201, 169, 126, 0.1) 100%);\n border-radius: 10px;\n border: 1px solid rgba(201, 169, 126, 0.1);\n position: relative;\n overflow: hidden;\n }\n \n .cta-section::before, .cta-section::after {\n content: \"\";\n position: absolute;\n width: 200px;\n height: 200px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(201, 169, 126, 0.15) 0%, transparent 70%);\n z-index: 0;\n }\n \n .cta-section::before {\n top: -100px;\n right: -50px;\n }\n \n .cta-section::after {\n bottom: -100px;\n left: -50px;\n }\n \n .cta-content {\n position: relative;\n z-index: 1;\n }\n \n .cta-title {\n font-size: 32px;\n margin-bottom: 15px;\n color: #333;\n }\n \n .cta-subtitle {\n font-size: 18px;\n margin-bottom: 30px;\n color: #555;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n \n .cta-button {\n display: inline-block;\n padding: 15px 40px;\n background: linear-gradient(to right, #c9a97e, #d9c09e);\n color: white;\n text-decoration: none;\n border-radius: 50px;\n font-size: 18px;\n font-weight: bold;\n box-shadow: 0 5px 15px rgba(201, 169, 126, 0.2);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n \n .cta-button::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(to right, #d9c09e, #c9a97e);\n opacity: 0;\n transition: opacity 0.3s ease;\n z-index: -1;\n }\n \n .cta-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 25px rgba(201, 169, 126, 0.3);\n }\n \n .cta-button:hover::after {\n opacity: 1;\n }\n \n .footer-note {\n text-align: center;\n margin-top: 20px;\n font-size: 14px;\n color: #777;\n }\n \n \/* Fade animations *\/\n .fade-up {\n opacity: 0;\n transform: translateY(20px);\n }\n \n .pulse {\n animation: pulse 2s infinite;\n }\n \n @keyframes pulse {\n 0% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.03);\n }\n 100% {\n transform: scale(1);\n }\n }\n \n @media (max-width: 768px) {\n .hero-content {\n flex-direction: column;\n }\n \n .hero-image {\n width: 200px;\n margin-bottom: 20px;\n }\n \n .ingredients-section, .how-it-works {\n flex-direction: column;\n }\n \n .timeline-items {\n flex-direction: column;\n }\n \n .timeline-bar {\n top: 0;\n left: 50%;\n width: 4px;\n height: 100%;\n transform: translateX(-50%);\n }\n \n .timeline-item {\n width: 100%;\n margin-bottom: 30px;\n display: flex;\n align-items: flex-start;\n }\n \n .timeline-dot {\n margin: 0 15px;\n }\n \n .timeline-content {\n flex: 1;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"joseon-container\"\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty-of-joseon-beauty-of-joseon-glow-serum-propolis-niacinamide-30ml-55897506382162_1.webp?v=1746458212\" alt=\"Beauty of Joseon Glow Serum\" class=\"hero-image\"\u003e\n \u003cdiv class=\"hero-text\"\u003e\n \u003cdiv class=\"brand\"\u003eBeauty of Joseon\u003c\/div\u003e\n \u003ch1 class=\"main-title\"\u003eسيروم \u003cspan\u003eالإشراق\u003c\/span\u003e بالنياسيناميد وصمغ النحل\u003c\/h1\u003e\n \u003cp class=\"hero-subtitle\"\u003eتركيبة غير مسبوقة من النياسيناميد و صمغ النحل لبشرة متألقة ومشرقة\u003c\/p\u003e\n \u003cdiv class=\"hero-badges\"\u003e\n \u003cdiv class=\"badge\"\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n تركيبة كورية أصلية\n \u003c\/div\u003e\n \u003cdiv class=\"badge\"\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n بدون مواد كيميائية ضارة\n \u003c\/div\u003e\n \u003cdiv class=\"badge\"\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n مناسب لجميع أنواع البشرة\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredients-section\"\u003e\n \u003cdiv class=\"ingredients-content\"\u003e\n \u003ch2 class=\"section-title\"\u003eتركيبة غير مسبوقة من النياسيناميد و صمغ النحل\u003c\/h2\u003e\n \n \u003cdiv class=\"ingredient-box\"\u003e\n \u003ch3 class=\"ingredient-title\"\u003eالنياسيناميد\u003c\/h3\u003e\n \u003cp class=\"ingredient-desc\"\u003eليس مجرد مكون، بل هو معجزة تُعيد توازن البشرة، تقلل من التصبغات وتمنحها لونًا موحدًا ومشرقًا. يعمل على تحسين مرونة الجلد وتقوية حاجز الترطيب الطبيعي.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredient-box\"\u003e\n \u003ch3 class=\"ingredient-title\"\u003eالبروبوليس (صمغ النحل)\u003c\/h3\u003e\n \u003cp class=\"ingredient-desc\"\u003eيستخلص من خلايا النحل، ويعمل كمضاد قوي للالتهابات ومُعزز لتجديد الخلايا، مما يحافظ على شباب البشرة ويمنحها حماية طبيعية. يحارب ظهور البثور وعلامات التقدم في السن.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cp\u003eعندما تلتقي هذه المكونات في تركيبة واحدة، تتحول إلى قوة طبيعية لا تُضاهى؛ معجزة تُعيد لبشرتك شبابها وتمنحها الإشراق الذي لطالما حلمتِ به.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"video-container\"\u003e\n \u003cvideo autoplay loop muted playsinline width=\"100%\" style=\"display: block; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.1);\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/3edfc44f88a3463c8bdfafe9115a57e1.mp4\" type=\"video\/mp4\"\u003e\n متصفحك لا يدعم تشغيل الفيديو.\n \u003c\/source\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"instant-results\"\u003e\n \u003ch2 class=\"section-title\"\u003eنتائج لحظية!\u003c\/h2\u003e\n \u003ch3 style=\"color: #c9a97e; text-align: center; margin: 20px 0; font-size: 22px;\"\u003eمسام أصغر , بشرة أصفى , جلد مثالي\u003c\/h3\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefits-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eفوائد مذهلة لبشرتك\u003c\/h2\u003e\n \u003cp\u003eهذا السيروم هو الحل الشامل للبشرة الباهتة والمتعبة، حيث يُظهر تأثيرات مذهلة تشمل:\u003c\/p\u003e\n \n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-up\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\n \u003cline x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"\u003e\u003c\/line\u003e\n \u003cline x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"\u003e\u003c\/line\u003e\n \u003cline x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"\u003e\u003c\/line\u003e\n \u003cline x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"\u003e\u003c\/line\u003e\n \u003cline x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003cline x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003cline x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"\u003e\u003c\/line\u003e\n \u003cline x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتعزيز إشراقة البشرة\u003c\/h3\u003e\n \u003cp\u003eتفتيح البشرة وتوحيد لونها مع تقليل التصبغات والعلامات الداكنة بفعالية.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card fade-up\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتحسين ملمس البشرة\u003c\/h3\u003e\n \u003cp\u003eزيادة نعومة البشرة بفضل خصائص النياسيناميد المُرطبة والمضيئة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card fade-up\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eحماية البشرة\u003c\/h3\u003e\n \u003cp\u003eحماية من الالتهابات الخارجية والأضرار الناتجة عن الجذور الحرة بفضل قوة البروبوليس.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card fade-up\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a97e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M18 8h1a4 4 0 0 1 0 8h-1\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z\"\u003e\u003c\/path\u003e\n \u003cline x1=\"6\" y1=\"1\" x2=\"6\" y2=\"4\"\u003e\u003c\/line\u003e\n \u003cline x1=\"10\" y1=\"1\" x2=\"10\" y2=\"4\"\u003e\u003c\/line\u003e\n \u003cline x1=\"14\" y1=\"1\" x2=\"14\" y2=\"4\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eدعم وظيفة الحاجز الجلدي\u003c\/h3\u003e\n \u003cp\u003eالحفاظ على رطوبة البشرة ومنع فقدانها، مما يساعد في تقليل الخطوط الدقيقة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eرحلة النتائج المذهلة\u003c\/h2\u003e\n \u003cp\u003eمع الاستخدام المنتظم، ستلاحظين تحسناً تدريجياً يصل إلى النتائج المثالية خلال أسابيع قليلة.\u003c\/p\u003e\n \n \u003cdiv class=\"timeline-container\"\u003e\n \u003cdiv class=\"timeline-bar\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"timeline-items\"\u003e\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-header\"\u003e\n \u003cdiv class=\"timeline-date\"\u003eالاستخدام الأول\u003c\/div\u003e\n \u003cdiv class=\"timeline-dot active\" id=\"timeline-0\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3 class=\"timeline-title\"\u003eترطيب فوري\u003c\/h3\u003e\n \u003cp class=\"timeline-desc\"\u003eستلاحظين ترطيباً فورياً للبشرة وملمساً أكثر نعومة. البشرة تبدو أكثر انتعاشاً وإشراقاً بشكل ملحوظ منذ الاستخدام الأول.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-header\"\u003e\n \u003cdiv class=\"timeline-date\"\u003eبعد أسبوع\u003c\/div\u003e\n \u003cdiv class=\"timeline-dot\" id=\"timeline-1\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3 class=\"timeline-title\"\u003eتحسن الملمس والتوهج\u003c\/h3\u003e\n \u003cp class=\"timeline-desc\"\u003eتصبح البشرة أكثر توهجاً ونعومة. تقل الاحمرار والتهيجات بفضل خصائص البروبوليس المضادة للالتهابات. انخفاض ملحوظ في دهنية البشرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-header\"\u003e\n \u003cdiv class=\"timeline-date\"\u003eبعد أسبوعين\u003c\/div\u003e\n \u003cdiv class=\"timeline-dot\" id=\"timeline-2\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3 class=\"timeline-title\"\u003eتقليل التصبغات\u003c\/h3\u003e\n \u003cp class=\"timeline-desc\"\u003eبداية ظهور نتائج توحيد لون البشرة. تقل البقع الداكنة والتصبغات تدريجياً. تصبح البشرة أكثر إشراقاً ونضارة، مع مسام أصغر حجماً وأقل وضوحاً.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-header\"\u003e\n \u003cdiv class=\"timeline-date\"\u003eبعد شهر\u003c\/div\u003e\n \u003cdiv class=\"timeline-dot\" id=\"timeline-3\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3 class=\"timeline-title\"\u003eتحول ملحوظ\u003c\/h3\u003e\n \u003cp class=\"timeline-desc\"\u003eتحسن كبير في نسيج البشرة ولونها. اختفاء ملحوظ للعديد من مشاكل البشرة كالبقع الداكنة والندبات. تقليل واضح للخطوط الدقيقة وعلامات الشيخوخة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-header\"\u003e\n \u003cdiv class=\"timeline-date\"\u003eبعد شهرين\u003c\/div\u003e\n \u003cdiv class=\"timeline-dot\" id=\"timeline-4\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3 class=\"timeline-title\"\u003eبشرة متجددة تماماً\u003c\/h3\u003e\n \u003cp class=\"timeline-desc\"\u003eبشرة مشرقة ومتألقة بشكل مذهل. توحيد كامل للون البشرة وتقليل كبير للتصبغات. تحسن دائم في مظهر البشرة وملمسها، مع مرونة محسنة وصحة أفضل للجلد.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"how-it-works\"\u003e\n \u003cdiv class=\"how-it-works-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_niacinamide_propolis.jpg?v=1746458373\" alt=\"تركيبة متقدمة علمياً\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"how-it-works-content\"\u003e\n \u003ch2 class=\"section-title\"\u003eتركيبة متقدمة علمياً\u003c\/h2\u003e\n \u003ch3 style=\"margin-bottom: 20px; font-size: 22px; color: #333;\"\u003eكيف يعمل السيروم؟\u003c\/h3\u003e\n \n \u003cp style=\"line-height: 1.8; margin-bottom: 20px;\"\u003eتعمل تركيبة \u003cspan style=\"color: #c9a97e; font-weight: bold;\"\u003eBeauty Of Joseon Glow Serum Propolis + Niacinamide\u003c\/span\u003e بتناغم لإحداث تأثير شامل على البشرة. يقوم البروبوليس، المُستخلص من خلايا النحل، بتطهير البشرة ومكافحة الالتهابات وتحفيز تجديد الخلايا، مما يحارب ظهور البثور وعلامات التقدم في السن.\u003c\/p\u003e\n \n \u003cp style=\"line-height: 1.8;\"\u003eبينما يعمل النياسيناميد على توحيد لون البشرة وتقليل التصبغات، بالإضافة إلى تحسين مرونة الجلد وتقوية حاجز الترطيب. هذه المكونات النشطة معًا تُحدث تغييرًا جذريًا في نسيج البشرة، فتمنحها مظهرًا أكثر إشراقًا وحيوية.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"usage-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eطريقة الاستخدام\u003c\/h2\u003e\n \u003cp\u003eبعد تنظيف البشرة جيدًا، يُوضع السيروم على منطقة الوجه مع التركيز على المناطق التي تحتاج إلى تفتيح وتحسين، مثل حول العينين والجبهة وخطوط الفك. يُدلك بلطف حتى يتم امتصاصه بالكامل، ثم يُتبع بمرطب للحفاظ على الترطيب وتعزيز الفعالية. يُستخدم صباحًا ومساءً لتحقيق أفضل النتائج.\u003c\/p\u003e\n \n \u003cdiv class=\"usage-steps\"\u003e\n \u003cdiv class=\"step fade-up\"\u003e\n \u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eتنظيف البشرة\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step fade-up\"\u003e\n \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eوضع السيروم\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step fade-up\"\u003e\n \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eتدليك برفق\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step fade-up\"\u003e\n \u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eوضع المرطب\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"cta-section pulse\"\u003e\n \u003cdiv class=\"cta-content\"\u003e\n \u003ch2 class=\"cta-title\"\u003eاستعيدي إشراقة بشرتك اليوم\u003c\/h2\u003e\n \u003cp class=\"cta-subtitle\"\u003eقيمة عالية مقابل سعر مناسب - تجمع تركيبة سيروم الإشراق بين مكونات طبيعية مُثبتة علمياً لبشرة متألقة وصحية\u003c\/p\u003e\n \u003ca href=\"#\" class=\"cta-button\"\u003eاطلبيه الآن\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"footer-note\"\u003e\n \u003cp\u003eتجمع تركيبة Beauty Of Joseon Glow Serum Propolis + Niacinamide بين مكونات طبيعية مُثبتة علمياً تعمل على تحسين إشراقة البشرة وتوحيد لونها مع حماية متقدمة من العوامل البيئية. بالرغم من أنه قد يكون بسعر أعلى قليلاً مقارنة ببعض المنتجات الأخرى، فإن كمية قليلة منه تكفي لتحقيق نتائج مذهلة وطويلة الأمد، مما يجعله استثمارًا فعّالًا لصحة وجمال بشرتك.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n \/\/ Init functions\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Fade-in animations\n initFadeEffects();\n \n \/\/ Video autoplay fix for some mobile browsers\n const video = document.querySelector('video');\n if (video) {\n video.play().catch(function(error) {\n console.log(\"Video autoplay prevented by browser\");\n });\n }\n });\n \n \/\/ Initialize fade effects\n function initFadeEffects() {\n const fadeElements = document.querySelectorAll('.fade-up');\n const observerOptions = {\n root: null,\n rootMargin: '0px',\n threshold: 0.1\n };\n \n const observer = new IntersectionObserver((entries, observer) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n entry.target.style.opacity = 1;\n entry.target.style.transform = 'translateY(0)';\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n \n fadeElements.forEach(el =\u003e {\n observer.observe(el);\n });\n \n \/\/ Add staggered animations\n const staggerElements = document.querySelectorAll('.fade-up');\n staggerElements.forEach((el, index) =\u003e {\n el.style.transitionDelay = `${index * 0.05}s`;\n });\n }\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":46999392977070,"sku":null,"price":19.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/beauty-of-joseon-glow-serum-propolis-niacinamide-30ml_ab4d3ffb-55f0-4df0-bd12-88a787a4a89b.jpg?v=1788175381"},{"product_id":"beauty-of-joseon-revive-eye-serum","title":"Beauty of Joseon Revive Eye Serum متخصص الهالات | انتفاخات محيط العين | علامات السن","description":"\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .product-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 20px;\n color: #4a4a4a;\n line-height: 1.6;\n direction: rtl;\n }\n \n .product-header {\n text-align: center;\n margin-bottom: 40px;\n position: relative;\n }\n \n .product-title {\n font-size: 2.2rem;\n color: #3a2d28;\n margin-bottom: 10px;\n position: relative;\n display: inline-block;\n }\n \n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 100px;\n height: 3px;\n background: linear-gradient(90deg, #c3a300, #c3a300);\n border-radius: 2px;\n }\n \n .product-subtitle {\n font-size: 1.2rem;\n color: #7d6e67;\n font-weight: 400;\n }\n \n .section {\n margin-bottom: 40px;\n position: relative;\n overflow: visible;\n }\n \n .section-header {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-bottom: 20px;\n }\n \n .section-icon {\n width: 30px;\n height: 30px;\n margin-bottom: 10px;\n fill: #c3a300;\n }\n \n .section-title {\n font-size: 1.5rem;\n color: #3a2d28;\n position: relative;\n margin-bottom: 15px;\n text-align: center;\n }\n \n .section-divider {\n width: 100%;\n height: 1px;\n background-color: #c3a300;\n }\n \n .section-content {\n color: #5d5d5d;\n font-size: 1rem;\n padding: 15px 0;\n display: block;\n visibility: visible;\n }\n \n .highlight {\n color: #c3a300;\n font-weight: 500;\n }\n \n .feature-list {\n margin-top: 25px;\n display: block;\n visibility: visible;\n }\n \n .feature-item {\n display: flex;\n margin-bottom: 25px;\n opacity: 1;\n transform: none;\n visibility: visible;\n }\n \n .feature-icon {\n width: 40px;\n height: 40px;\n min-width: 40px;\n fill: #c3a300;\n margin-left: 15px;\n margin-top: 5px;\n }\n \n .feature-content {\n flex: 1;\n }\n \n .feature-title {\n font-weight: bold;\n color: #3a2d28;\n margin-bottom: 5px;\n font-size: 1.1rem;\n }\n \n .usage-steps {\n display: flex;\n justify-content: space-between;\n margin-top: 30px;\n flex-wrap: wrap;\n }\n \n .step {\n text-align: center;\n flex: 1;\n min-width: 100px;\n margin: 10px;\n position: relative;\n opacity: 1;\n }\n \n .step:not(:last-child)::after {\n content: '';\n position: absolute;\n top: 30px;\n left: -15px;\n width: 30px;\n height: 2px;\n background-color: #c3a300;\n }\n \n .step-number {\n width: 40px;\n height: 40px;\n background-color: #c3a300;\n color: white;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0 auto 15px;\n font-weight: bold;\n box-shadow: 0 5px 10px rgba(195, 163, 0, 0.3);\n }\n \n .step-text {\n font-size: 0.9rem;\n }\n \n .clinical-results {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 20px;\n margin-top: 30px;\n }\n \n .result-card {\n border: 1px solid #e8e8e8;\n border-radius: 12px;\n padding: 30px 20px;\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n transition: transform 0.3s, box-shadow 0.3s;\n background-color: #ffffff;\n margin-bottom: 15px;\n }\n \n .result-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n }\n \n .result-icon {\n width: 50px;\n height: 50px;\n margin: 0 auto 15px;\n fill: #c3a300;\n }\n \n .result-title {\n font-size: 1rem;\n color: #3a2d28;\n margin-bottom: 15px;\n }\n \n .result-percentage {\n font-size: 2.4rem;\n color: #c3a300;\n font-weight: bold;\n margin-bottom: 10px;\n position: relative;\n display: inline-block;\n }\n \n .result-percentage::after {\n content: '%';\n font-size: 1.2rem;\n position: absolute;\n top: 0;\n right: -20px;\n }\n \n .percentage-wrapper {\n position: relative;\n height: 120px;\n margin-bottom: 15px;\n margin-top: 10px;\n }\n \n .counter {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n font-size: 2.2rem;\n color: #c3a300;\n font-weight: bold;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n }\n \n .counter-value {\n font-size: 2.2rem;\n }\n \n .counter-suffix {\n font-size: 1rem;\n margin-top: -8px;\n }\n \n .circular-progress {\n position: relative;\n height: 100px;\n width: 100px;\n margin: 0 auto;\n }\n \n .circle-container {\n width: 100px;\n height: 100px;\n border-radius: 50%;\n border: 6px solid #c3a300;\n margin: 0 auto;\n position: relative;\n }\n \n .circular-progress circle {\n stroke-dashoffset: 251.2;\n stroke-dasharray: 251.2;\n stroke-width: 8px;\n stroke-linecap: round;\n fill: none;\n }\n \n .circular-progress .bg {\n stroke: #f1f1f1;\n }\n \n .circular-progress .progress {\n stroke: #c3a300;\n transition: stroke-dashoffset 1.5s ease;\n }\n \n .progress.animated {\n animation: progressAnimation 1.5s ease forwards;\n }\n \n @keyframes progressAnimation {\n from {\n stroke-dashoffset: 251.2;\n }\n to {\n stroke-dashoffset: var(--final-offset, 0);\n }\n }\n \n .result-description {\n color: #5d5d5d;\n font-size: 0.9rem;\n }\n \n @keyframes wave {\n 0%, 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-10px);\n }\n }\n \n @keyframes fadeIn {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .animate-wave {\n animation: wave 3s ease-in-out infinite;\n }\n \n .fade-in {\n animation: fadeIn 1s forwards;\n }\n \n @media (max-width: 768px) {\n .feature-item {\n flex-direction: column;\n text-align: center;\n }\n \n .feature-icon {\n margin: 0 auto 10px;\n }\n \n .step:not(:last-child)::after {\n display: none;\n }\n \n .clinical-results {\n grid-template-columns: 1fr;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-header\"\u003e\n\u003ch1 class=\"product-title\"\u003eBeauty of Joseon Revive Eye Serum\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" class=\"section-icon\"\u003e\n \u003cpath d=\"M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003ch2 class=\"section-title\"\u003eرحلة تجديد شباب عينيك تبدأ الآن\u003c\/h2\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cp\u003eاكتشفي سر إشراقة عينيك مع \u003cspan class=\"highlight\"\u003eBeauty of Joseon Revive Eye Serum\u003c\/span\u003e، تركيبة مبتكرة تجمع بين أحدث التقنيات العلمية والمكونات الطبيعية النقية لإحياء منطقة العين الحساسة. هذا السيروم الثوري يعمل على مكافحة علامات التعب والشيخوخة في آنٍ واحد، ليمنح عينيك مظهرًا أكثر شبابًا وتوهجًا.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/2_e8f8ea7b-01fc-4144-9da3-ecc29addcda7.webp?v=1742659829\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" class=\"section-icon\"\u003e\n \u003cpath d=\"M17.66,11.2C17.43,10.9 17.15,10.64 16.89,10.38C16.22,9.78 15.46,9.35 14.82,8.72C13.33,7.26 13,4.85 13.95,3C13,3.23 12.17,3.75 11.46,4.32C8.87,6.4 7.85,10.07 9.07,13.22C9.11,13.32 9.15,13.42 9.15,13.55C9.15,13.77 9,13.97 8.8,14.05C8.57,14.15 8.33,14.09 8.14,13.93C8.08,13.88 8.04,13.83 8,13.76C6.87,12.33 6.69,10.28 7.45,8.64C5.78,10 4.87,12.3 5,14.47C5.06,14.97 5.12,15.47 5.29,15.97C5.43,16.57 5.7,17.17 6,17.7C7.08,19.43 8.95,20.67 10.96,20.92C13.1,21.19 15.39,20.8 17.03,19.32C18.86,17.66 19.5,15 18.56,12.72L18.43,12.46C18.22,12 17.66,11.2 17.66,11.2M14.5,17.5C14.22,17.74 13.76,18 13.4,18.1C12.28,18.5 11.16,17.94 10.5,17.28C11.69,17 12.4,16.12 12.61,15.23C12.78,14.43 12.46,13.77 12.33,13C12.21,12.26 12.23,11.63 12.5,10.94C12.69,11.32 12.89,11.7 13.13,12C13.9,13 15.11,13.44 15.37,14.8C15.41,14.94 15.43,15.08 15.43,15.23C15.46,16.05 15.1,16.95 14.5,17.5Z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003ch2 class=\"section-title\"\u003eكيف يعمل السيروم؟\u003c\/h2\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cp\u003eيعمل السيروم من خلال مزج ثلاثة مكونات رئيسية تُحدث تأثيرًا متكاملًا: يُساهم الريتينال في تنعيم البشرة وتحفيز تجديد خلاياها، بينما تعمل الليبوسومات على تثبيت الريتينال وتحسين امتصاصه بفعالية، ويضفي مستخلص جذر الجينسنغ ترطيبًا طويل الأمد وحماية فائقة. بهذه الآلية الفريدة، يتم إعادة بناء حاجز البشرة وتقليل ظهور التجاعيد الدقيقة والهالات الداكنة والانتفاخ، مما يُعيد لعينيك الحيوية والإشراقة.\u003c\/p\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" class=\"feature-icon\"\u003e\n \u003cpath d=\"M17,8C8,10 5.9,16.17 3.82,21.34L5.71,22L6.66,19.7C7.14,19.87 7.64,20 8,20C19,20 22,3 22,3C21,5 14,5.25 9,6.25C4,7.25 2,11.5 2,13.5C2,15.5 3.75,17.25 3.75,17.25C7,8 17,8 17,8Z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3 class=\"feature-title\"\u003eما الذي يميز التركيبة؟\u003c\/h3\u003e\n\u003cp\u003eتميز هذه التركيبة يكمن في دمجها لقوة الريتينال مع الليبوصولات ومستخلص الجينسنغ؛ حيث يُعتبر كل مكون بمفرده معجزة في تحسين صحة البشرة. عند اتحادها معًا، تُصبح قوة طبيعية لا يُمكن وقفها تعمل على تجديد منطقة العين وتحفيز إنتاج الكولاجين، مما يُحسن مرونة البشرة ويقلل من علامات التعب والشيخوخة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" class=\"feature-icon\"\u003e\n \u003cpath d=\"M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3 class=\"feature-title\"\u003eلماذا تعتبر هذه التركيبة افضل من مشتقات الريتينول الأخرى ؟\u003c\/h3\u003e\n\u003cp\u003eالريتينول هو شكل من أشكال فيتامين A يحتاج إلى التحول داخل البشرة ليصبح نشطًا، مما يجعله أقل فعالية مقارنةً بالريتينال.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e أما الريتينال\u003c\/strong\u003e، فهو يعمل مباشرةً لتحفيز تجديد الخلايا وإنتاج الكولاجين دون الحاجة إلى تحويل، مما يسرع من النتائج ويقلل من مخاطر التهيج. هذا الفرق يجعل الريتينال الخيار الأمثل للعناية المكثفة بمنطقة العين.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" class=\"section-icon\"\u003e\n \u003cpath d=\"M4,6H2V20A2,2 0 0,0 6,20V22H6A2,2 0 0,0 8,20V4A2,2 0 0,0 6,2H4V4H6V6M14,6H12V20A2,2 0 0,0 16,20V22H16A2,2 0 0,0 18,20V4A2,2 0 0,0 16,2H14V4H16V6M22,20V2H20V4H22V6H20V20H22Z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003ch2 class=\"section-title\"\u003eطريقة الاستخدام\u003c\/h2\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cp\u003eبعد تنظيف البشرة بلطف، يُوضع السيروم على منطقة العين باستخدام كمية قليلة. قومي بتدليك المنتج برفق حتى يتم امتصاصه بالكامل، ثم اتبعيه بمرطب مناسب للحفاظ على الترطيب وتعزيز النتائج. يُفضل استخدام السيروم صباحًا ومساءً لتحقيق أفضل النتائج.\u003c\/p\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eتنظيف البشرة بلطف\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eوضع كمية قليلة من السيروم\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eتدليك برفق حتى الامتصاص\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eمتابعة بمرطب مناسب\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" class=\"section-icon\"\u003e\n \u003cpath d=\"M16,11.78L20.24,4.45L21.97,5.45L16.74,14.5L10.23,10.75L5.46,19H22V21H2V3H4V17.54L9.5,8L16,11.78Z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003ch2 class=\"section-title\"\u003eالنتائج السريرية\u003c\/h2\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cp\u003eأظهرت التجارب أن الاستخدام المنتظم للسيروم يؤدي إلى تحسينات ملحوظة في عدة مجالات:\u003c\/p\u003e\n\u003cdiv class=\"clinical-results\"\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eتقليل التجاعيد الدقيقة\u003c\/h3\u003e\n\u003cdiv class=\"percentage-wrapper\"\u003e\n\u003cdiv class=\"circle-container\"\u003e\n\u003cdiv class=\"counter\"\u003e\n\u003cspan class=\"counter-value\"\u003e16\u003c\/span\u003e\u003cspan class=\"counter-suffix\"\u003e%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"result-description\"\u003eانخفاض في عمق التجاعيد الدقيقة حول العينين بعد 8 أسابيع من الاستخدام المنتظم.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eزيادة الترطيب\u003c\/h3\u003e\n\u003cdiv class=\"percentage-wrapper\"\u003e\n\u003cdiv class=\"circle-container\"\u003e\n\u003cdiv class=\"counter\"\u003e\n\u003cspan class=\"counter-value\"\u003e118\u003c\/span\u003e\u003cspan class=\"counter-suffix\"\u003e%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"result-description\"\u003eتحسن في مستويات ترطيب منطقة العين مقارنة بالقياسات الأساسية قبل الاستخدام.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eتقليل الهالات السوداء\u003c\/h3\u003e\n\u003cdiv class=\"percentage-wrapper\"\u003e\n\u003cdiv class=\"circle-container\"\u003e\n\u003cdiv class=\"counter\"\u003e\n\u003cspan class=\"counter-value\"\u003e30\u003c\/span\u003e\u003cspan class=\"counter-suffix\"\u003e%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"result-description\"\u003eتحسن ملحوظ في لون البشرة وتقليل التصبغات حول العينين بعد 4 أسابيع فقط.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eتحسين ملمس البشرة\u003c\/h3\u003e\n\u003cdiv class=\"percentage-wrapper\"\u003e\n\u003cdiv class=\"circle-container\"\u003e\n\u003cdiv class=\"counter\"\u003e\n\u003cspan class=\"counter-value\"\u003e50\u003c\/span\u003e\u003cspan class=\"counter-suffix\"\u003e%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"result-description\"\u003eزيادة في نعومة البشرة وتحسين ملمسها بفضل تجديد الخلايا وتعزيز حاجز البشرة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eإن \u003cstrong data-end=\"2016\" data-start=\"1979\"\u003eBeauty of Joseon Revive Eye Serum\u003c\/strong\u003e ليس مجرد منتج عناية؛ إنه استثمار حقيقي في شباب وجمال عينيك. تركيبته المتطورة توفر نتائج مذهلة بجرعة قليلة، مما يجعله الخيار الأمثل لمن تسعى للحصول على إشراقة وطلة شبابية تدوم طويلاً.\u003c\/p\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":46999393206446,"sku":null,"price":19.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/beauty-of-joseon-ginseng-retinal-revive-eye-serum-30ml_8983ece1-5852-4017-b948-c0b9eba55985.jpg?v=1788175380"},{"product_id":"some-by-mi-snail-truecica-miracle-repair-serum","title":"Some By Mi Snail Truecica Miracle Repair Serum 50Ml","description":"\u003ch2 data-start=\"0\" data-end=\"35\" class=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_By_Mi_Snail_Truecica_Miracle_Repair_Serum_50Ml_2.png?v=1742739825\" alt=\"\" style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/h2\u003e\n\u003ch2 data-start=\"0\" data-end=\"35\" class=\"\"\u003e\u003c\/h2\u003e\n\u003ch2 data-start=\"0\" data-end=\"35\" class=\"\"\u003eالحلزون .. السر السحري في مقاومة علامات الزمن\u003c\/h2\u003e\n\u003cp data-start=\"36\" data-end=\"285\" class=\"\"\u003eاستعدي لمواجهة آثار الزمن والتلف مع \u003cstrong data-start=\"72\" data-end=\"106\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e – منتج ثوري يجمع بين قوة مستخلص الحلزون الأسود بنسبة 89% وتركيبة Trusica العلاجية التي تعمل على إصلاح البشرة وترطيبها بعمق. كل قطرة تُعتبر خطوة جريئة نحو بشرة أكثر شبابًا ونضارة.\u003c\/p\u003e\n\u003ch2 data-start=\"287\" data-end=\"314\" class=\"\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 data-start=\"287\" data-end=\"314\" class=\"\"\u003eتركيبة غير مسبوقة من مستخلص الحلزون الأسود\u003c\/h2\u003e\n\u003cp data-start=\"315\" data-end=\"366\" class=\"\"\u003e تجمع التركيبة بين مكونين طبيعيين أساسيين\u003c\/p\u003e\n\u003cul data-start=\"367\" data-end=\"756\"\u003e\n\u003cli data-start=\"367\" data-end=\"485\" class=\"\"\u003e\n\u003cp data-start=\"369\" data-end=\"485\" class=\"\"\u003e\u003cstrong data-start=\"369\" data-end=\"394\"\u003eمستخلص الحلزون الأسود\u003c\/strong\u003e الذي يُغذي البشرة بعمق، يُحفّز تجديد الخلايا، ويقلل من التجاعيد والندوب وآثار حب الشباب.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"486\" data-end=\"756\" class=\"\"\u003e\n\u003cp data-start=\"488\" data-end=\"756\" class=\"\"\u003e\u003cstrong data-start=\"488\" data-end=\"515\"\u003eتركيبة Trusica العلاجية\u003c\/strong\u003e التي تُزيل آثار التلف وتعالج الندوب بخبرة، لتُعيد لبشرتك توازنها الطبيعي وترطيبها الدائم.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"486\" data-end=\"756\" class=\"\"\u003e\n\u003cp data-start=\"488\" data-end=\"756\" class=\"\"\u003eتتحد هذه المكونات مع النياسيناميد والمستخلصات النباتية لدعم مرونة البشرة وحاجزها الواقي، مما يحميها من العوامل البيئية الضارة ويمنحها إشراقة مُبهرة.\u003cbr data-start=\"605\" data-end=\"608\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_By_Mi_Snail_Truecica_Miracle_Repair_Serum_50Ml.png?v=1742739038\"\u003e\u003c\/h2\u003e\n\u003ch2\u003eلماذا الحلزون الأسود تحديدا ؟ \u003c\/h2\u003e\n\u003csection\u003e\n\u003cp\u003eيُعتبر مستخلص الحلزون مكونًا شائعًا في منتجات العناية بالبشرة بفضل فوائده المتعددة. ومع ذلك، يتميز مستخلص الحلزون الأسود بخصائص فريدة تجعله يتفوق على المستخلصات الأخرى. في الجدول التالي، نوضح الأسباب التي دفعتنا لاختيار مستخلص الحلزون الأسود في سيروم \u003cstrong\u003eSome By Mi Snail Truecica\u003c\/strong\u003e:\u003c\/p\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eالعنصر\u003c\/th\u003e\n\u003cth\u003eمستخلص الحلزون الأسود\u003c\/th\u003e\n\u003cth\u003eمستخلصات الحلزون الأخرى\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eالمكونات النشطة\u003c\/td\u003e\n\u003ctd\u003eيحتوي على نسبة عالية من البروتينات، الإيلاستين، الكولاجين، والأحماض الدهنية الأساسية، مما يُعزز صحة البشرة ويُحسن مرونتها.\u003c\/td\u003e\n\u003ctd\u003eيحتوي على مكونات نشطة، ولكن بنسب أقل مقارنةً بالحلزون الأسود.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eالفعالية في إصلاح البشرة\u003c\/td\u003e\n\u003ctd\u003eيُحفّز تجديد خلايا البشرة، يُقلل من ظهور الندوب وآثار حب الشباب، ويُحسّن ملمس البشرة بشكل عام.\u003c\/td\u003e\n\u003ctd\u003eيُساعد في تجديد البشرة، ولكن قد يكون أقل فعالية في معالجة الندوب العميقة وآثار حب الشباب.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eالترطيب والمرونة\u003c\/td\u003e\n\u003ctd\u003eيوفر ترطيبًا عميقًا ويُعزز مرونة البشرة بفضل محتواه الغني من الكولاجين والبروتينات.\u003c\/td\u003e\n\u003ctd\u003eيوفر ترطيبًا جيدًا، لكن قد يكون أقل في تعزيز المرونة مقارنةً بالحلزون الأسود.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eمكافحة الشيخوخة\u003c\/td\u003e\n\u003ctd\u003eيحتوي على مضادات أكسدة قوية تُقلل من ظهور الخطوط الدقيقة والتجاعيد، مما يُعطي مظهرًا أكثر شبابًا.\u003c\/td\u003e\n\u003ctd\u003eيُساهم في مكافحة الشيخوخة، ولكن قد يكون تأثيره أقل وضوحًا مقارنةً بالحلزون الأسود.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eتوحيد لون البشرة\u003c\/td\u003e\n\u003ctd\u003eيُساعد في تقليل التصبغات وتوحيد لون البشرة، مما يمنحها إشراقة طبيعية.\u003c\/td\u003e\n\u003ctd\u003eقد يُساهم في توحيد لون البشرة، لكن بفعالية أقل.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003eباختيار مستخلص الحلزون الأسود، يُقدم سيروم \u003cstrong\u003eSome By Mi Snail Truecica\u003c\/strong\u003e فوائد متعددة تتفوق على المستخلصات الأخرى، مما يجعله خيارًا مثاليًا لمن يسعى للحصول على بشرة صحية، نضرة، وخالية من العيوب.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 data-start=\"758\" data-end=\"783\" class=\"\"\u003eفيه حل لكل مشكلة في بشرتك\u003c\/h2\u003e\n\u003cp data-start=\"784\" data-end=\"877\" class=\"\"\u003eيُعتبر \u003cstrong data-start=\"791\" data-end=\"825\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e الحل الشامل لمشاكل البشرة المتضررة؛ فهو يعمل على:\u003c\/p\u003e\n\u003cul data-start=\"878\" data-end=\"1164\"\u003e\n\u003cli data-start=\"878\" data-end=\"958\" class=\"\"\u003e\n\u003cp data-start=\"880\" data-end=\"958\" class=\"\"\u003eإعادة الترطيب العميق للبشرة وتحفيز تجديد خلاياها، مما يُحسن من مظهرها العام.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"959\" data-end=\"1037\" class=\"\"\u003e\n\u003cp data-start=\"961\" data-end=\"1037\" class=\"\"\u003eتقليل ظهور التجاعيد الدقيقة والندوب الناتجة عن حب الشباب والعوامل البيئية.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"1038\" data-end=\"1106\" class=\"\"\u003e\n\u003cp data-start=\"1040\" data-end=\"1106\" class=\"\"\u003eدعم حاجز البشرة الطبيعي وإعادة توازن مستويات الزيوت والماء فيها.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"1107\" data-end=\"1164\" class=\"\"\u003e\n\u003cp data-start=\"1109\" data-end=\"1164\" class=\"\"\u003eتحسين ملمس البشرة وإضفاء إشراقة طبيعية تدوم طوال اليوم.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-start=\"1166\" data-end=\"1188\" class=\"\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch2 data-start=\"1166\" data-end=\"1188\" class=\"\"\u003eكيف يعمل السيروم؟\u003c\/h2\u003e\n\u003cul data-start=\"1269\" data-end=\"1582\"\u003e\n\u003cli data-start=\"1269\" data-end=\"1367\" class=\"\"\u003e\n\u003cp data-start=\"1271\" data-end=\"1367\" class=\"\"\u003eيُحفّز مستخلص الحلزون الأسود إنتاج الكولاجين وتجديد الخلايا، مما يُعيد للبشرة شبابها ومرونتها.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"1368\" data-end=\"1491\" class=\"\"\u003e\n\u003cp data-start=\"1370\" data-end=\"1491\" class=\"\"\u003eتُساعد تركيبة Trusica على معالجة الندوب وعلامات التلف، في حين يعمل النياسيناميد على توحيد لون البشرة وتخفيف الالتهابات.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"1492\" data-end=\"1582\" class=\"\"\u003e\n\u003cp data-start=\"1494\" data-end=\"1582\" class=\"\"\u003eالنتيجة هي بشرة مُرتبة، متجددة، ومحفوظة من آثار الزمن والتلف مع ملمس ناعم وإشراقة مبهرة.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-start=\"1584\" data-end=\"1613\" class=\"\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch2 data-start=\"1584\" data-end=\"1613\" class=\"\"\u003eطريقة الاستخدام المثالية\u003c\/h2\u003e\n\u003cp data-start=\"1614\" data-end=\"1886\" class=\"\"\u003eبعد تنظيف البشرة بلطف، يُوضع السيروم على الوجه مع التركيز على المناطق المتضررة مثل خطوط التجاعيد والندوب. قومي بتدليك المنتج برفق حتى يتم امتصاصه بالكامل، ثم اتبعيه بمرطب مناسب للحفاظ على الترطيب وتعزيز النتائج. يُفضل استخدام السيروم صباحًا ومساءً للحصول على أفضل النتائج.\u003c\/p\u003e\n\u003ch2 data-start=\"1888\" data-end=\"1919\" class=\"\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch2 data-start=\"1888\" data-end=\"1919\" class=\"\"\u003eأفضل الاستثمارات في صحة بشرتك\u003c\/h2\u003e\n\u003cp data-start=\"1920\" data-end=\"2177\" class=\"\"\u003eإن \u003cstrong data-start=\"1923\" data-end=\"1957\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e ليس مجرد منتج عناية بالبشرة، بل هو استثمار حقيقي في شباب بشرتك. تركيبته المركزة والفعالة تُحقق نتائج ملحوظة مع استخدام كمية قليلة، مما يجعله الخيار الأمثل لمن تسعى لاستعادة نضارة وبريق بشرتها وحمايتها من علامات الزمن.\u003c\/p\u003e\n\u003cp data-start=\"2179\" data-end=\"2327\" class=\"\"\u003eاستمتعي بتجربة علاجية متكاملة حيث يلتقي العلم بالطبيعة ليمنح بشرتك التألق الذي تستحقينه، ولتكوني دائمًا على استعداد لمواجهة تحديات الزمن بثقة وجمال.\u003c\/p\u003e","brand":"some by mi","offers":[{"title":"Default Title","offer_id":46999393468590,"sku":null,"price":19.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Heading_2.png?v=1788175380"},{"product_id":"skin-1004-centella-ampoule-signature-soothing-ampoule","title":"SKIN1004 أمبولة\/سيروم سنتيلا مدغشقر | مهدئ متقدم للبشرة الحساسة | مضاد للاحمرار و التهيج","description":"\u003c!-- SKIN1004 Madagascar Centella Ampoule - Converted to Universal CSS System --\u003e\n\u003cdiv class=\"ph-product-container\"\u003e\n \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\"\u003eالأمبول الكوري النقي 100% اللي بيصلح البشرة المتضررة في دقايق\u003c\/h1\u003e\n \u003cp class=\"ph-hero-subtitle\"\u003e\u003cstrong\u003eعندما يتحد نقاء السنتيلا الآسياتيكا من مدغشقر بالعلم الكوري المتقدم - علاج SOS حقيقي لأي تضرر أو تهيج في البشرة\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Product Showcase --\u003e\n \u003cdiv class=\"ph-product-showcase\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/centella_asiatica_skin_1004_centella_ampoule.webp?v=1762333980\" alt=\"SKIN1004 Madagascar Centella Ampoule\" class=\"ph-product-image\"\u003e\n \u003ch2 class=\"ph-product-name\"\u003eSKIN1004 Madagascar Centella Ampoule\u003c\/h2\u003e\n \u003cp class=\"ph-product-intro\"\u003e\n البشرة حمرا طول الوقت. حساسة لأي منتج. حاجز البشرة مدمر من الأحماض أو الريتينول. الاحمرار والتهيج مستمرين. المشكلة مش في البشرة نفسها - \u003cstrong\u003eالمشكلة في حاجز البشرة المكسور\u003c\/strong\u003e. SKIN1004 Madagascar Centella Ampoule هو \u003cstrong\u003eأمبول مائي نقي - تقريباً 100% سنتيلا أسياتيكا\u003c\/strong\u003e من مدغشقر (أنقى سنتيلا في العالم). مافيش عطور، مافيش زيوت، مافيش إضافات - \u003cstrong\u003eبس مكون واحد قوي مثبت سريرياً\u003c\/strong\u003e إنه بيصلح الحاجز، يهدي الاحمرار، يسرع الالتئام، ويرطب بعمق. Vegan, Fungal Acne Safe, مناسب لأحساس أنواع البشرة.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Problem Section --\u003e\n \u003cdiv class=\"ph-problem-section\"\u003e\n \u003ch2 class=\"ph-problem-title\"\u003eحاجز البشرة المكسور = بشرة حساسة وملتهبة\u003c\/h2\u003e\n \n \u003ch3 class=\"ph-problem-subtitle\"\u003e\n \u003cstrong\u003eحاجز البشرة هو خط الدفاع الأول - طبقة الحماية من العالم الخارجي\u003c\/strong\u003e\n \u003c\/h3\u003e\n\n \u003cp class=\"ph-problem-text\"\u003e\n حاجز البشرة هو خط الدفاع الأول - طبقة من الدهون والبروتينات بتحمي البشرة من العالم الخارجي (تلوث، بكتيريا، مهيجات) وبتمنع فقدان الرطوبة من الداخل. لما الحاجز يتضرر من الإفراط في التقشير، المنتجات القاسية، أو الالتهابات المزمنة، البشرة بتفقد قدرتها على حماية نفسها.\n \u003c\/p\u003e\n\n \u003cdiv class=\"ph-problem-details\"\u003e\n \u003ch4 class=\"ph-problem-detail-title\"\u003eعلامات حاجز البشرة المتضرر:\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\u003eاحمرار مستمر\u003c\/strong\u003e\u003c\/h5\u003e\n \u003cp class=\"ph-problem-detail-text\"\u003eحتى بدون سبب واضح والبشرة حساسة لأي منتج\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ph-problem-detail-card\"\u003e\n \u003ch5 class=\"ph-problem-detail-subtitle\"\u003e\u003cstrong\u003eجفاف وتقشر\u003c\/strong\u003e\u003c\/h5\u003e\n \u003cp class=\"ph-problem-detail-text\"\u003eحتى لو بتستخدم مرطب والبشرة مش مرتاحة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ph-problem-detail-card\"\u003e\n \u003ch5 class=\"ph-problem-detail-subtitle\"\u003e\u003cstrong\u003eحبوب متكررة\u003c\/strong\u003e\u003c\/h5\u003e\n \u003cp class=\"ph-problem-detail-text\"\u003eالبكتيريا بتدخل بسهولة وآثار الحبوب بطيئة في الالتئام\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"ph-problem-highlight\"\u003e\n \u003cstrong\u003eالسبب: إفراط في التقشير، منتجات قاسية، التهابات مزمنة، أو عوامل بيئية\u003c\/strong\u003e\n \u003c\/p\u003e\n\n \u003cp class=\"ph-problem-conclusion\"\u003e\n حاجز البشرة المكسور مش هيصلح نفسه. كل ما الحاجز يضعف أكتر، كل ما البشرة تبقى أكثر حساسية، احمرار، وعرضة للحبوب والالتهابات. المشكلة بتتفاقم مع الوقت، مش بتتحسن.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefits Grid --\u003e\n \u003cdiv class=\"ph-section\"\u003e\n \u003ch2 class=\"ph-section-title\"\u003eإيه اللي هيعمله لبشرتك؟ - 6 حلول علاجية في قطرتين\u003c\/h2\u003e\n \u003cp style=\"text-align: center; font-size: 1.1rem; opacity: 0.9; margin-bottom: 3rem;\"\u003e\n سنتيلا أسياتيكا 100% من مدغشقر - المكون الطبيعي بفعالية الكورتيزون بدون أعراض جانبية\n \u003c\/p\u003e\n \u003cdiv class=\"ph-benefits-grid\"\u003e\n \n \u003cdiv class=\"ph-benefit-card\"\u003e\n \u003cdiv class=\"ph-benefit-icon\"\u003eS\u003c\/div\u003e\n \u003ch3 class=\"ph-benefit-title\"\u003eتهدئة فورية للبشرة الحمرا والمتهيجة\u003c\/h3\u003e\n \u003cp class=\"ph-benefit-description\"\u003eيهدي التهيج والاحمرار بسرعة - خصوصاً بعد التقشير، الريتينول، أو نوبات التهاب الجلد في دقايق معدودة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-benefit-card\"\u003e\n \u003cdiv class=\"ph-benefit-icon\"\u003eH\u003c\/div\u003e\n \u003ch3 class=\"ph-benefit-title\"\u003eترطيب عميق بدون دهون\u003c\/h3\u003e\n \u003cp class=\"ph-benefit-description\"\u003eمرطبات متعددة + تأثير السنتيلا على الهيالورونيك = بشرة نطّاطة، مرطبة، وممتلئة بدون ملمس دهني\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-benefit-card\"\u003e\n \u003cdiv class=\"ph-benefit-icon\"\u003eH\u003c\/div\u003e\n \u003ch3 class=\"ph-benefit-title\"\u003eتسريع التعافي من الحبوب والحروق\u003c\/h3\u003e\n \u003cp class=\"ph-benefit-description\"\u003eيعزز الالتئام بعد نوبات الحبوب، حروق الشمس، أو إجراءات البشرة ويسرع تخليق الكولاجين طبيعياً\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-benefit-card\"\u003e\n \u003cdiv class=\"ph-benefit-icon\"\u003eB\u003c\/div\u003e\n \u003ch3 class=\"ph-benefit-title\"\u003eتقوية الحاجز المتضرر\u003c\/h3\u003e\n \u003cp class=\"ph-benefit-description\"\u003eيحمي ويصلح الحواجز المكسورة - مثالي للأكزيما، الروزاسيا، التصبغات، أو آثار الحبوب ويعيد الـpH الصحي\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-benefit-card\"\u003e\n \u003cdiv class=\"ph-benefit-icon\"\u003eC\u003c\/div\u003e\n \u003ch3 class=\"ph-benefit-title\"\u003eخالي من الزيوت، Non-comedogenic\u003c\/h3\u003e\n \u003cp class=\"ph-benefit-description\"\u003eمناسب للفطريات والبشرة الدهنية جداً والمعرضة للحبوب - Vegan, Fungal Acne Safe\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-benefit-card\"\u003e\n \u003cdiv class=\"ph-benefit-icon\"\u003eA\u003c\/div\u003e\n \u003ch3 class=\"ph-benefit-title\"\u003eمضاد للشيخوخة على المدى الطويل\u003c\/h3\u003e\n \u003cp class=\"ph-benefit-description\"\u003eالاستخدام طويل المدى يحسن محتوى الكولاجين، ملمس البشرة، الخطوط الدقيقة، والمرونة العامة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- How It Works Section --\u003e\n \u003cdiv class=\"ph-how-it-works\"\u003e\n \u003ch2 class=\"ph-section-title\"\u003eسنتيلا أسياتيكا النقية من مدغشقر - النبتة التي حيرت الأطباء\u003c\/h2\u003e\n \u003cp style=\"text-align: center; font-size: 1.1rem; opacity: 0.9; margin-bottom: 3rem;\"\u003e\n المكون الوحيد الحقيقي: Centella Asiatica Extract 100% - أنقى وأقوى سنتيلا في العالم\n \u003c\/p\u003e\n \n \u003cdiv class=\"ph-mechanism-cards\"\u003e\n \u003cdiv class=\"ph-mechanism-card\"\u003e\n \u003ch3 class=\"ph-mechanism-title\"\u003eالمركبات النشطة المعجزة\u003c\/h3\u003e\n \u003cp class=\"ph-mechanism-subtitle\"\u003e4 مركبات طبيعية قوية تعمل بتناغم مثالي لإصلاح وحماية البشرة\u003c\/p\u003e\n \u003cul class=\"ph-feature-list white\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eMadecassoside + Asiaticoside:\u003c\/strong\u003e تحفز تخليق الكولاجين وتسرع التئام الجروح\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eتزيد إنتاج حمض الهيالورونيك:\u003c\/strong\u003e في البشرة للترطيب العميق\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAsiatic Acid + Madecassic Acid:\u003c\/strong\u003e تثبط الإشارات الالتهابية\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eمضادات أكسدة قوية:\u003c\/strong\u003e تحارب الجذور الحرة وتحمي من الضغوط البيئية\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-mechanism-card\"\u003e\n \u003ch3 class=\"ph-mechanism-title\"\u003eكيف تعمل السنتيلا علمياً؟\u003c\/h3\u003e\n \u003cp class=\"ph-mechanism-subtitle\"\u003eآلية عمل مثبتة سريرياً لإصلاح وحماية حاجز البشرة\u003c\/p\u003e\n \u003cul class=\"ph-feature-list white\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eتسريع التئام الجروح:\u003c\/strong\u003e تحسن معدل وجودة التعافي الجلدي\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eتقليل الندبات والاحمرار:\u003c\/strong\u003e تحسن كبير في التصبغات وسُمك الندبات\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eإصلاح الحاجز الفيزيائي:\u003c\/strong\u003e استعادة الـpH الصحي وتقليل فقدان الماء\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eمضاد للالتهاب الطبيعي:\u003c\/strong\u003e تهدي الاحمرار وتمنع إشارات الضغط الخارجي\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-mechanism-card\"\u003e\n \u003ch3 class=\"ph-mechanism-title\"\u003eالتأثير الإجمالي المعجز\u003c\/h3\u003e\n \u003cp class=\"ph-mechanism-subtitle\"\u003eنتائج شاملة لبشرة صحية ومحمية ومتجددة\u003c\/p\u003e\n \u003cul class=\"ph-feature-list white\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eتدعم الدورة الدموية الدقيقة:\u003c\/strong\u003e تشجع التئام التشققات الدقيقة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eتسرع التعافي:\u003c\/strong\u003e بعد الإجراءات أو التقشير الكيميائي\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eتقوي حاجز البشرة:\u003c\/strong\u003e وتعيد التوازن الطبيعي للبشرة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eحماية طويلة المدى:\u003c\/strong\u003e ضد العوامل البيئية الضارة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Results Timeline --\u003e\n \u003cdiv class=\"ph-timeline-section\"\u003e\n \u003ch2 class=\"ph-section-title\"\u003eرحلة الـ8 أسابيع لبشرة خالية من التهيج والاحمرار\u003c\/h2\u003e\n \n \u003cdiv class=\"ph-timeline-container\"\u003e\n \u003cdiv class=\"ph-timeline-item\"\u003e\n \u003cdiv class=\"ph-timeline-badge\"\u003eفوري (دقايق)\u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-card\"\u003e\n \u003ch3 class=\"ph-timeline-title\"\u003eالتهدئة الفورية\u003c\/h3\u003e\n \u003cdiv class=\"ph-timeline-benefits\"\u003e\n \u003cdiv class=\"ph-timeline-benefit\"\u003e\n \u003cspan class=\"ph-benefit-text\"\u003eتقليل الاحمرار والتهيج بوضوح\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-benefit\"\u003e\n \u003cspan class=\"ph-benefit-text\"\u003eإحساس بالتهدئة والراحة الفورية\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-benefit\"\u003e\n \u003cspan class=\"ph-benefit-text\"\u003eإحساس بالترطيب - البشرة نطّاطة ومرطبة\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-timeline-item\"\u003e\n \u003cdiv class=\"ph-timeline-badge\"\u003e1-2 أسبوع\u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-card\"\u003e\n \u003ch3 class=\"ph-timeline-title\"\u003eتقوية الحاجز\u003c\/h3\u003e\n \u003cdiv class=\"ph-timeline-benefits\"\u003e\n \u003cdiv class=\"ph-timeline-benefit\"\u003e\n \u003cspan class=\"ph-benefit-text\"\u003eتحسن مقاومة الحاجز - بشرة أقل حساسية\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-benefit\"\u003e\n \u003cspan class=\"ph-benefit-text\"\u003eحبوب أقل - الحاجز القوي بيمنع دخول البكتيريا\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-benefit\"\u003e\n \u003cspan class=\"ph-benefit-text\"\u003eأقل تقشر أو جفاف وتحسن في التوازن الطبيعي\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-timeline-item\"\u003e\n \u003cdiv class=\"ph-timeline-badge\"\u003e4-8 أسابيع\u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-card\"\u003e\n \u003ch3 class=\"ph-timeline-title\"\u003eالتجديد الكامل\u003c\/h3\u003e\n \u003cdiv class=\"ph-timeline-benefits\"\u003e\n \u003cdiv class=\"ph-timeline-benefit\"\u003e\n \u003cspan class=\"ph-benefit-text\"\u003eتفتيح آثار الحبوب والتصبغات\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-benefit\"\u003e\n \u003cspan class=\"ph-benefit-text\"\u003eإشراق دائم وتوحيد لون البشرة\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-benefit\"\u003e\n \u003cspan class=\"ph-benefit-text\"\u003eتحسن الصلابة والملمس والمرونة العامة\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cp class=\"ph-timeline-conclusion\"\u003e\n 8 أسابيع فقط = تحول كامل من البشرة المتضررة إلى البشرة الصحية المحمية\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Usage Instructions --\u003e\n \u003cdiv class=\"ph-usage-section\"\u003e\n \u003ch2 class=\"ph-usage-title\"\u003eطريقة الاستخدام الصحيحة\u003c\/h2\u003e\n \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\"\u003eالتوقيت المثالي\u003c\/h3\u003e\n \u003cp class=\"ph-step-description\"\u003eبعد التونر أو مباشرة بعد التنضيف لو روتينك بسيط - يمكن استخدامه صباحاً و\/أو مساءً\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-usage-step\"\u003e\n \u003cdiv class=\"ph-step-number\"\u003e2\u003c\/div\u003e\n \u003ch3 class=\"ph-step-title\"\u003eالكمية المثالية\u003c\/h3\u003e\n \u003cp class=\"ph-step-description\"\u003eضع 2-3 قطرات على البشرة النظيفة - الكمية القليلة كافية بسبب التركيز العالي\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-usage-step\"\u003e\n \u003cdiv class=\"ph-step-number\"\u003e3\u003c\/div\u003e\n \u003ch3 class=\"ph-step-title\"\u003eالتطبيق اللطيف\u003c\/h3\u003e\n \u003cp class=\"ph-step-description\"\u003eطبطب بلطف على الوجه والرقبة حتى الامتصاص الكامل - تجنب الفرك القوي\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-usage-step\"\u003e\n \u003cdiv class=\"ph-step-number\"\u003e4\u003c\/div\u003e\n \u003ch3 class=\"ph-step-title\"\u003eالترطيب الإضافي\u003c\/h3\u003e\n \u003cp class=\"ph-step-description\"\u003eطبّق فوقه كريم مرطب لو بشرتك جافة أو محتاجة ترطيب إضافي - خفيف جداً للبشرة الجافة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-usage-tips\"\u003e\n \u003ch3 class=\"ph-usage-tips-title\"\u003eنصائح مهمة للاستخدام الأمثل:\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\"\u003eالاستخدامات المتقدمة:\u003c\/h4\u003e\n \u003cul class=\"ph-feature-list white\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eيعمل ممتاز صباحاً\u003c\/strong\u003e للتهدئة قبل المكياج\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eمثالي بالليل\u003c\/strong\u003e بعد استخدام أحماض أو ريتينول\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eيمكن استخدامه على الجسم\u003c\/strong\u003e للمناطق المتهيجة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eآمن حول العين والشفاه\u003c\/strong\u003e بدون عطور أو كحول\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\"\u003eنصائح إضافية:\u003c\/h4\u003e\n \u003cul class=\"ph-feature-list white\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eيُطبَّق بطبقات\u003c\/strong\u003e مع سيرومات أو أمبولات أخرى\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eمناسب بعد الحلاقة\u003c\/strong\u003e أو للأكزيما والتهيج\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eيمكن الاستخدام المتكرر\u003c\/strong\u003e عند الحاجة للتهدئة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eآمن للحمل والرضاعة\u003c\/strong\u003e بدون امتصاص جهازي\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Social Proof --\u003e\n \u003cdiv class=\"ph-social-proof\"\u003e\n \u003ch2 class=\"ph-social-proof-title\"\u003eالنقاوة في أبسط صورة - ليه SKIN1004 مختلف؟\u003c\/h2\u003e\n \n \u003cdiv class=\"ph-proof-grid\"\u003e\n \u003cdiv class=\"ph-proof-item\"\u003e\n \u003cdiv class=\"ph-proof-icon\"\u003e100\u003c\/div\u003e\n \u003ch4 style=\"margin-bottom: 0.5rem;\"\u003eسنتيلا أسياتيكا 100%\u003c\/h4\u003e\n \u003cp\u003eمن مدغشقر - أنقى وأقوى سنتيلا في العالم بسبب التربة النظيفة والمناخ المثالي، مثبت سريرياً لإصلاح الحاجز\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-proof-item\"\u003e\n \u003cdiv class=\"ph-proof-icon\"\u003eM\u003c\/div\u003e\n \u003ch4 style=\"margin-bottom: 0.5rem;\"\u003eMinimalist Formula\u003c\/h4\u003e\n \u003cp\u003eبدون عطور، زيوت، أو إضافات غير ضرورية - نقاوة مطلقة للبشرة الحساسة والمتضررة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-proof-item\"\u003e\n \u003cdiv class=\"ph-proof-icon\"\u003eV\u003c\/div\u003e\n \u003ch4 style=\"margin-bottom: 0.5rem;\"\u003eVegan \u0026amp; Fungal Acne Safe\u003c\/h4\u003e\n \u003cp\u003eآمن لكل أنواع البشرة حتى شديدة الحساسية، خالي من المواد المسببة للحساسية والكوميدوجينيك\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-proof-item\"\u003e\n \u003cdiv class=\"ph-proof-icon\"\u003eC\u003c\/div\u003e\n \u003ch4 style=\"margin-bottom: 0.5rem;\"\u003eمثبت سريرياً\u003c\/h4\u003e\n \u003cp\u003eتجارب سريرية مع كريمات السنتيلا أظهرت تحسن كبير في التصبغات والندبات والتهيج على مدى 8-12 أسبوع\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-proof-item\"\u003e\n \u003cdiv class=\"ph-proof-icon\"\u003eS\u003c\/div\u003e\n \u003ch4 style=\"margin-bottom: 0.5rem;\"\u003eعلاج SOS فوري\u003c\/h4\u003e\n \u003cp\u003eتهدئة فورية في دقايق - الاحمرار بيقل فوراً والبشرة تحس بالراحة من أول استخدام\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Ingredients List --\u003e\n \u003cdiv class=\"ph-ingredients-list\"\u003e\n \u003ch2 class=\"ph-ingredients-list-title\"\u003eقائمة المكونات الكاملة\u003c\/h2\u003e\n \u003cdiv class=\"ph-ingredients-text\"\u003e\n \u003cstrong\u003eالمكونات النشطة:\u003c\/strong\u003e\u003cbr\u003e\n • \u003cstrong\u003eCentella Asiatica Extract (100%)\u003c\/strong\u003e - السنتيلا الآسياتيكا النقية من مدغشقر\u003cbr\u003e\n • \u003cstrong\u003eWater\u003c\/strong\u003e - الماء النقي كقاعدة طبيعية\u003cbr\u003e\n • \u003cstrong\u003eGlycerin\u003c\/strong\u003e - الجليسرين للترطيب اللطيف\u003cbr\u003e\n • \u003cstrong\u003eButylene Glycol\u003c\/strong\u003e - محسن الامتصاص والملمس\u003cbr\u003e\n • \u003cstrong\u003e1,2-Hexanediol\u003c\/strong\u003e - مرطب طبيعي ومثبت\u003cbr\u003e\n • \u003cstrong\u003eCellulose Gum\u003c\/strong\u003e - مثخن طبيعي لقوام مثالي\u003cbr\u003e\n • \u003cstrong\u003eEthylhexylglycerin\u003c\/strong\u003e - مكيف طبيعي للبشرة\u003cbr\u003e\u003cbr\u003e\n \n \u003cstrong\u003eقائمة المكونات الكاملة (INCI):\u003c\/strong\u003e\u003cbr\u003e\n Water, Centella Asiatica Extract (100%), Glycerin, Butylene Glycol, 1,2-Hexanediol, Cellulose Gum, Ethylhexylglycerin\n \u003c\/div\u003e\n \u003cdiv class=\"ph-ingredients-safety\"\u003e\n \u003cp class=\"ph-ingredients-safety-text\"\u003e\n \u003cstrong\u003e✓ خالي من:\u003c\/strong\u003e البارابين، الكبريتات، السيليكون، العطور، الزيوت المعدنية، الكحول القاسي\u003cbr\u003e\n \u003cstrong\u003e✓ اختبار من أطباء الجلدية\u003c\/strong\u003e - Vegan, Cruelty-Free, Fungal Acne Safe\u003cbr\u003e\n \u003cstrong\u003e✓ آمن للحمل والرضاعة\u003c\/strong\u003e - مناسب لكل أنواع البشرة حتى شديدة الحساسية\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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\"\u003eبشرة متضررة ومتهيجة؟ الإنقاذ في قطرتين\u003c\/h2\u003e\n \u003cp class=\"ph-cta-text\"\u003e\n \u003cstrong\u003eSKIN1004 Madagascar Centella Ampoule - النقاوة في أبسط صورة\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e\n كل يوم بتستخدم منتجات قاسية أو بتهمل الحاجز = تدمير تدريجي للبشرة.\u003cbr\u003e\n مش هيرطب السطح بس... ده هيدخل عميق ويصلح حاجز البشرة من الجذور.\n \u003c\/p\u003e\n \u003cdiv class=\"ph-cta-content\"\u003e\n \u003cp class=\"ph-cta-highlight\"\u003eحاجز بشرتك محتاج إصلاح فوري\u003c\/p\u003e\n \u003cp class=\"ph-cta-subtext\"\u003eالحل نقي وبسيط. تهدئة فورية - الاحمرار بيقل في دقايق 🌿💧\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":46999393992878,"sku":null,"price":23.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/skin1004centellaampoule_1.png?v=1788175377"},{"product_id":"yuja-niacin-30days-blemish-care-serum-50","title":"Some by Mi YUJA NIACIN 30DAYS BLEMISH CARE SERUM 50 ml","description":"\u003c!-- وصف منتج Some By Mi Yuja Niacin 30 Days Blemish Care Serum - تصميم أنيق --\u003e\n\n\u003cstyle\u003e\n\/* الأنماط الأساسية *\/\n.yuja-serum-container {\n max-width: 100%;\n margin: 0 auto;\n direction: rtl;\n color: #333;\n overflow-x: hidden;\n}\n\n.yuja-serum-header {\n text-align: center;\n margin-bottom: 30px;\n opacity: 0;\n animation: fadeInUp 0.8s ease forwards;\n}\n\n.yuja-serum-title {\n font-size: 26px;\n color: #333;\n margin-bottom: 15px;\n position: relative;\n padding-bottom: 15px;\n display: inline-block;\n}\n\n.yuja-serum-title:after {\n content: \"\";\n position: absolute;\n bottom: 0;\n right: 50%;\n transform: translateX(50%);\n width: 60px;\n height: 2px;\n background-color: #9C8102;\n animation: expandWidth 1.5s ease-in-out;\n}\n\n.yuja-serum-intro {\n text-align: center;\n font-size: 16px;\n margin-bottom: 20px;\n line-height: 1.6;\n}\n\n.yuja-serum-image {\n display: block;\n margin: 25px auto;\n max-width: 100%;\n border-radius: 8px;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n opacity: 0;\n transform: scale(0.95);\n animation: fadeInAndScale 0.8s ease forwards;\n animation-delay: 0.2s;\n}\n\n.yuja-serum-image:hover {\n transform: translateY(-5px) scale(1.02);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\n}\n\n.yuja-serum-section {\n margin: 40px 0;\n opacity: 0;\n transform: translateY(30px);\n}\n\n.yuja-serum-section.visible {\n opacity: 1;\n transform: translateY(0);\n transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.yuja-serum-section-title {\n display: flex;\n align-items: center;\n margin-bottom: 20px;\n font-size: 22px;\n color: #333;\n font-weight: bold;\n}\n\n.yuja-serum-section-icon {\n margin-left: 10px;\n color: #9C8102;\n font-size: 24px;\n}\n\n.yuja-serum-content {\n background-color: #fff;\n border-radius: 8px;\n padding: 25px;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n line-height: 1.7;\n}\n\n.yuja-serum-content:hover {\n transform: translateY(-5px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);\n}\n\n.yuja-serum-ingredients {\n margin-top: 30px;\n}\n\n.yuja-serum-ingredient-item {\n display: flex;\n margin-bottom: 20px;\n background-color: rgba(156, 129, 2, 0.03);\n border-radius: 8px;\n padding: 15px;\n transform: translateX(30px);\n opacity: 0;\n transition: all 0.5s ease;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item {\n transform: translateX(0);\n opacity: 1;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(1) {\n transition-delay: 0.1s;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(2) {\n transition-delay: 0.2s;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(3) {\n transition-delay: 0.3s;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(4) {\n transition-delay: 0.4s;\n}\n\n.yuja-serum-ingredient-icon {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background-color: #9C8102;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #fff;\n margin-left: 15px;\n}\n\n.yuja-serum-ingredient-content {\n flex: 1;\n}\n\n.yuja-serum-ingredient-title {\n font-weight: bold;\n margin-bottom: 5px;\n}\n\n.yuja-serum-ingredient-desc {\n color: #555;\n}\n\n.yuja-serum-highlight {\n color: #9C8102;\n font-weight: bold;\n}\n\n.yuja-serum-feature-section {\n margin: 40px 0;\n padding: 25px;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n opacity: 0;\n transform: translateY(30px);\n}\n\n.yuja-serum-feature-section.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.yuja-serum-feature-section:hover {\n transform: translateY(-5px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);\n}\n\n.yuja-serum-conclusion {\n text-align: center;\n margin: 40px 0;\n padding: 30px;\n background-color: rgba(156, 129, 2, 0.05);\n border-radius: 8px;\n opacity: 0;\n transform: scale(0.95);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.yuja-serum-conclusion.visible {\n opacity: 1;\n transform: scale(1);\n}\n\n.yuja-serum-conclusion p {\n line-height: 1.7;\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes fadeInAndScale {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes expandWidth {\n from {\n width: 0;\n }\n to {\n width: 60px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"yuja-serum-container\"\u003e\n \u003cdiv class=\"yuja-serum-header\"\u003e\n \u003ch3 class=\"yuja-serum-title\"\u003e🌟 ثورة في عالم السيرومات: Some By Mi Yuja Niacin 30 Days Blemish Care Serum\u003c\/h3\u003e\n \u003cp class=\"yuja-serum-intro\"\u003e\n في بحر منتجات العناية بالبشرة، يبرز هذا السيروم كتحفة فنية تجمع بين الطبيعة والعلوم الحديثة، مقدّمًا حلاً فوريًا وفعّالًا لمشكلات البشرة.\n \u003c\/p\u003e\n \u003cimg class=\"yuja-serum-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care_2.jpg?v=1744753103\" alt=\"Some By Mi Yuja Niacin Serum\"\u003e\n \u003c\/div\u003e\n \n \u003c!-- قسم التركيبة الفريدة --\u003e\n \u003cdiv class=\"yuja-serum-section\" id=\"ingredients-section\"\u003e\n \u003cdiv class=\"yuja-serum-section-title\"\u003e\n \u003ci class=\"fas fa-lemon yuja-serum-section-icon\"\u003e\u003c\/i\u003e\n \u003ch3\u003eتركيبة فريدة تتجاوز التوقعات\u003c\/h3\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"yuja-serum-content\"\u003e\n \u003cp\u003eما يميّز هذا السيروم عن غيره من منتجات النياسيناميد هو مزيجه الاستثنائي من المكونات:\u003c\/p\u003e\n \n \u003cdiv class=\"yuja-serum-ingredients\"\u003e\n \u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n \u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n \u003cdiv class=\"yuja-serum-ingredient-title\"\u003e82.3% مستخلص فاكهة اليوجا (اليوسفي الكوري)\u003c\/div\u003e\n \u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n يُعرف بتركيزه العالي من فيتامين C، حيث يحتوي على ثلاثة أضعاف ما يحتويه الليمون، مما يمنح البشرة إشراقة طبيعية ويعزز إنتاج الكولاجين.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n \u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n \u003cdiv class=\"yuja-serum-ingredient-title\"\u003e5% نياسيناميد\u003c\/div\u003e\n \u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n بتركيز مثالي، يعمل على توحيد لون البشرة، تقليل التصبغات، وتعزيز حاجز البشرة الواقي دون التسبب في تهيج.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n \u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n \u003cdiv class=\"yuja-serum-ingredient-title\"\u003eالجلوتاثيون والأربوتين\u003c\/div\u003e\n \u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n مضادات أكسدة قوية تساهم في تقليل إنتاج الميلانين، مما يساعد في تفتيح البقع الداكنة ومنح البشرة مظهرًا أكثر تجانسًا.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n \u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n \u003cdiv class=\"yuja-serum-ingredient-title\"\u003e12 نوعًا من الفيتامينات\u003c\/div\u003e\n \u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n تغذي البشرة، تعزز من حيويتها، وتساعد في تهدئة التوتر الناتج عن العوامل البيئية الضارة.\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 \n \u003cimg class=\"yuja-serum-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care_3.jpg?v=1744753101\" alt=\"Some By Mi Yuja Niacin Serum Benefits\"\u003e\n \n \u003c!-- قسم النتائج السريعة --\u003e\n \u003cdiv class=\"yuja-serum-feature-section\" id=\"results-section\"\u003e\n \u003cdiv class=\"yuja-serum-section-title\"\u003e\n \u003ci class=\"fas fa-clock yuja-serum-section-icon\"\u003e\u003c\/i\u003e\n \u003ch3\u003eنتائج ملموسة في زمن قياسي\u003c\/h3\u003e\n \u003c\/div\u003e\n \n \u003cp\u003e\n على عكس العديد من السيرومات التي تتطلب شهورًا لإظهار نتائج، يُظهر هذا السيروم تأثيره خلال 30 يومًا فقط. تجارب المستخدمين أشارت إلى تحسن واضح في توحيد لون البشرة وتقليل التصبغات في فترة قصيرة.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cimg class=\"yuja-serum-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care_2.webp?v=1744753103\" alt=\"Some By Mi Yuja Niacin Serum Value\"\u003e\n \n \u003c!-- قسم القيمة مقابل السعر --\u003e\n \u003cdiv class=\"yuja-serum-feature-section\" id=\"value-section\"\u003e\n \u003cdiv class=\"yuja-serum-section-title\"\u003e\n \u003ci class=\"fas fa-gem yuja-serum-section-icon\"\u003e\u003c\/i\u003e\n \u003ch3\u003eاستثمار ذكي لبشرتك\u003c\/h3\u003e\n \u003c\/div\u003e\n \n \u003cp\u003e\n مع حجم 50 مل وتركيز عالٍ من المكونات الفعّالة، يُعتبر هذا السيروم ذا قيمة ممتازة مقابل السعر. تكفي كمية صغيرة لتحقيق النتائج المرجوة، مما يجعله يدوم لفترة طويلة، ويقدم حلاً اقتصاديًا وفعّالًا للعناية بالبشرة.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- قسم الخاتمة --\u003e\n \u003cdiv class=\"yuja-serum-conclusion\" id=\"conclusion-section\"\u003e\n \u003cp\u003e\n باختصار، \u003cstrong class=\"yuja-serum-highlight\"\u003eSome By Mi Yuja Niacin 30 Days Blemish Care Serum\u003c\/strong\u003e ليس مجرد سيروم آخر في السوق، بل هو تجربة فريدة تمزج بين قوة الطبيعة والتكنولوجيا الحديثة لتحقيق بشرة صحية ومشرقة في وقت قياسي.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- سكريبت تفعيل الحركات عند التمرير --\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n const sections = document.querySelectorAll('.yuja-serum-section, .yuja-serum-feature-section, .yuja-serum-conclusion');\n \n \/\/ مراقبة ظهور العناصر عند التمرير\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.2 });\n \n \/\/ مراقبة جميع الأقسام\n sections.forEach(section =\u003e {\n observer.observe(section);\n });\n});\n\u003c\/script\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999394713774,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some_by_mi_yuja_niacin_serum_blemish_care.jpg?v=1788175374"},{"product_id":"anua-niacinamide-txa-dark-spot-correcting-serum","title":"Anua Niacinamide 10% and TXA 4% Dark Spot Correcting Serum 30 ml","description":"\u003cdiv class=\"anua-txa-ultimate-wrapper\" dir=\"rtl\"\u003e\n \u003cstyle\u003e\n .anua-txa-ultimate-wrapper {\n --atxa-neon-red: #ff2a3b;\n --atxa-neon-rose: #ff6b7e;\n --atxa-neon-gold: #ffd24a;\n --atxa-glow-red: rgba(255, 42, 59, 0.45);\n --atxa-glow-gold: rgba(255, 210, 74, 0.45);\n\n --atxa-bg-base: #040304;\n --atxa-bg-surface: #0a0608;\n --atxa-bg-card: rgba(18, 10, 13, 0.9);\n --atxa-bg-card-hover: rgba(26, 14, 18, 0.98);\n\n --atxa-text-pure: #ffffff;\n --atxa-border: rgba(255, 42, 59, 0.25);\n --atxa-border-hover: rgba(255, 42, 59, 0.8);\n --atxa-line: rgba(255, 255, 255, 0.08);\n\n line-height: 1.8;\n position: relative;\n width: 100%;\n max-width: 100%;\n border-radius: 24px;\n background-color: var(--atxa-bg-base);\n color: var(--atxa-text-pure);\n box-shadow: inset 0 0 120px rgba(255, 42, 59, 0.08);\n box-sizing: border-box;\n padding: 40px 0;\n -webkit-font-smoothing: antialiased;\n }\n\n .anua-txa-ultimate-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .neon-red {\n color: var(--atxa-neon-red) !important;\n text-shadow: 0 0 10px var(--atxa-glow-red), 0 0 20px var(--atxa-glow-red);\n font-weight: 900;\n }\n\n .neon-gold {\n color: var(--atxa-neon-gold) !important;\n text-shadow: 0 0 10px var(--atxa-glow-gold), 0 0 20px var(--atxa-glow-gold);\n font-weight: 900;\n }\n\n .neon-rose {\n color: var(--atxa-neon-rose) !important;\n text-shadow: 0 0 10px rgba(255, 107, 126, 0.5);\n font-weight: 900;\n }\n\n .pure-white {\n color: #ffffff !important;\n font-weight: 600;\n }\n\n .anua-txa-ultimate-wrapper img {\n width: 100%;\n max-width: 100% !important;\n height: auto !important;\n border-radius: 20px;\n display: block;\n margin: 0 auto;\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9);\n border: 1px solid rgba(255, 42, 59, 0.25);\n box-sizing: border-box;\n object-fit: contain;\n }\n\n .atxa-img-md {\n max-width: 650px !important;\n width: 100%;\n }\n\n .atxa-container {\n max-width: 940px;\n width: 100%;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n box-sizing: border-box;\n }\n\n .atxa-ambient-bg {\n position: absolute;\n top: 0; left: 0; width: 100%; height: 100%;\n z-index: 0; pointer-events: none; overflow: hidden;\n }\n\n .atxa-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(110px);\n opacity: 0.35;\n animation: atxaOrbFloat 18s infinite alternate ease-in-out;\n pointer-events: none;\n }\n\n .atxa-orb-1 {\n width: 500px; height: 500px;\n background: radial-gradient(circle, rgba(255, 42, 59, 0.22) 0%, transparent 70%);\n top: -120px; right: -120px;\n }\n\n .atxa-orb-2 {\n width: 550px; height: 550px;\n background: radial-gradient(circle, rgba(255, 210, 74, 0.16) 0%, transparent 70%);\n bottom: 15%; left: -150px;\n animation-delay: -6s;\n }\n\n @keyframes atxaOrbFloat {\n 0% { transform: translate(0, 0) scale(1); }\n 100% { transform: translate(40px, 80px) scale(1.15); }\n }\n\n .atxa-title-glow {\n display: block;\n width: 100%;\n font-size: clamp(28px, 5.2vw, 44px);\n font-weight: 900;\n text-align: center;\n margin-bottom: 25px;\n line-height: 1.4;\n color: #ffffff;\n text-shadow: 0 0 30px rgba(255, 42, 59, 0.45);\n word-wrap: break-word;\n }\n\n .atxa-section-title {\n display: block;\n width: 100%;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: #ffffff;\n text-align: center;\n margin: 60px auto 30px;\n position: relative;\n line-height: 1.4;\n word-wrap: break-word;\n }\n\n .atxa-section-title::after {\n content: '';\n display: block;\n width: clamp(80px, 30%, 150px);\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--atxa-neon-red), var(--atxa-neon-gold), transparent);\n border-radius: 10px;\n margin: 14px auto 0;\n box-shadow: 0 0 15px var(--atxa-glow-red);\n }\n\n .atxa-badge {\n display: inline-block;\n background: rgba(255, 42, 59, 0.14);\n border: 1.5px solid var(--atxa-neon-red);\n color: #ffffff;\n padding: 9px 28px;\n border-radius: 40px;\n font-size: 1.05rem;\n font-weight: 900;\n margin-bottom: 25px;\n box-shadow: 0 0 25px var(--atxa-glow-red);\n }\n\n .atxa-hero-subtitle {\n font-size: 1.25rem;\n color: #ffffff;\n max-width: 840px;\n margin: 0 auto 35px;\n font-weight: 600;\n line-height: 1.85;\n border-right: 4px solid var(--atxa-neon-red);\n padding-right: 20px;\n background: linear-gradient(90deg, transparent, rgba(255, 42, 59, 0.1));\n border-radius: 12px 0 0 12px;\n text-align: right;\n }\n\n .atxa-art-divider {\n width: 100%;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--atxa-neon-red), var(--atxa-neon-gold), var(--atxa-neon-red), transparent);\n margin: 35px 0;\n position: relative;\n box-shadow: 0 0 15px var(--atxa-glow-red);\n }\n\n .atxa-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 22px;\n margin: 35px 0;\n width: 100%;\n }\n\n .atxa-card {\n background: linear-gradient(145deg, rgba(24, 12, 16, 0.92), rgba(8, 4, 6, 0.98));\n border: 1px solid var(--atxa-border);\n border-radius: 18px;\n padding: 28px 22px;\n transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease;\n position: relative;\n overflow: hidden;\n text-align: right;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n min-width: 0;\n word-break: break-word;\n }\n\n .atxa-card:hover {\n transform: translateY(-8px);\n border-color: var(--atxa-neon-red);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--atxa-glow-red);\n background: rgba(32, 16, 22, 0.98);\n }\n\n .atxa-icon-wrap {\n width: 56px; height: 56px;\n background: rgba(8, 4, 6, 0.9);\n border: 1.5px solid rgba(255, 42, 59, 0.35);\n border-radius: 14px;\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 18px;\n color: var(--atxa-neon-red);\n transition: transform 0.3s ease, background 0.3s ease;\n box-shadow: 0 0 15px rgba(255, 42, 59, 0.15);\n flex-shrink: 0;\n font-size: 1.3rem;\n font-weight: 900;\n }\n\n .atxa-card:hover .atxa-icon-wrap {\n transform: scale(1.1) rotate(-5deg);\n background: var(--atxa-neon-red);\n color: #040304;\n border-color: transparent;\n box-shadow: 0 0 25px var(--atxa-neon-red);\n }\n\n .atxa-card h3 {\n font-size: 1.3rem;\n color: #ffffff;\n margin-bottom: 10px;\n font-weight: 800;\n line-height: 1.4;\n }\n\n .atxa-card p {\n color: #ffffff;\n font-size: 1.05rem;\n line-height: 1.75;\n font-weight: 500;\n }\n\n .atxa-ingredient-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: rgba(255, 42, 59, 0.14);\n border: 1px solid var(--atxa-neon-red);\n color: var(--atxa-neon-red);\n padding: 5px 14px;\n border-radius: 8px;\n font-size: 0.92rem;\n font-weight: 800;\n margin-bottom: 12px;\n box-shadow: 0 0 12px rgba(255, 42, 59, 0.2);\n width: fit-content;\n max-width: 100%;\n white-space: normal;\n word-break: break-word;\n }\n\n .atxa-ingredient-tag.gold {\n background: rgba(255, 210, 74, 0.14);\n border-color: var(--atxa-neon-gold);\n color: var(--atxa-neon-gold);\n box-shadow: 0 0 12px rgba(255, 210, 74, 0.25);\n }\n\n .atxa-ingredient-tag.rose {\n background: rgba(255, 107, 126, 0.14);\n border-color: var(--atxa-neon-rose);\n color: var(--atxa-neon-rose);\n box-shadow: 0 0 12px rgba(255, 107, 126, 0.25);\n }\n\n .atxa-diff-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 18px;\n margin: 30px 0;\n width: 100%;\n }\n\n .atxa-diff-card {\n background: linear-gradient(145deg, rgba(22, 10, 14, 0.9), rgba(8, 4, 6, 0.98));\n border: 1.5px solid var(--atxa-border);\n border-radius: 18px;\n padding: 24px 18px;\n text-align: center;\n transition: transform 0.3s ease, border-color 0.3s ease;\n min-width: 0;\n }\n\n .atxa-diff-card:hover {\n border-color: var(--atxa-neon-gold);\n transform: translateY(-5px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.7);\n }\n\n .atxa-bignum {\n font-size: clamp(34px, 5.5vw, 50px);\n font-weight: 900;\n line-height: 1;\n margin-bottom: 8px;\n direction: ltr;\n }\n\n .atxa-diff-card h4 {\n font-size: 1.18rem;\n font-weight: 800;\n margin-bottom: 8px;\n color: #ffffff;\n }\n\n .atxa-diff-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.65;\n font-weight: 500;\n }\n\n .atxa-stats-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 18px;\n margin: 35px 0;\n width: 100%;\n }\n\n .atxa-stat-box {\n background: rgba(18, 8, 12, 0.9);\n border: 1.5px solid var(--atxa-border);\n border-radius: 18px;\n padding: 26px 16px;\n text-align: center;\n transition: transform 0.3s ease, border-color 0.3s ease;\n min-width: 0;\n }\n\n .atxa-stat-box:hover {\n border-color: var(--atxa-neon-gold);\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);\n }\n\n .atxa-stat-num {\n font-size: clamp(34px, 5.5vw, 54px);\n font-weight: 900;\n line-height: 1;\n margin-bottom: 8px;\n direction: ltr;\n }\n\n .atxa-stat-title {\n color: #ffffff;\n font-size: 1.05rem;\n font-weight: 800;\n }\n\n .atxa-timeline-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n margin: 30px 0;\n width: 100%;\n }\n\n .atxa-timeline-card {\n background: rgba(18, 10, 14, 0.88);\n border: 1px solid var(--atxa-border);\n border-top: 4px solid var(--atxa-neon-red);\n border-radius: 16px;\n padding: 22px 16px;\n text-align: right;\n transition: transform 0.3s ease, border-color 0.3s ease;\n min-width: 0;\n }\n\n .atxa-timeline-card:hover {\n transform: translateY(-6px);\n border-top-color: var(--atxa-neon-gold);\n background: rgba(28, 14, 20, 0.95);\n }\n\n .atxa-timeline-badge {\n display: inline-block;\n background: rgba(255, 42, 59, 0.14);\n color: var(--atxa-neon-red);\n font-weight: 900;\n padding: 4px 14px;\n border-radius: 20px;\n margin-bottom: 12px;\n font-size: 0.9rem;\n border: 1px solid var(--atxa-border);\n white-space: nowrap;\n }\n\n .atxa-timeline-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .atxa-value-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 18px;\n margin: 30px 0;\n width: 100%;\n }\n\n .atxa-value-card {\n background: linear-gradient(145deg, rgba(20, 10, 14, 0.9), rgba(8, 4, 6, 0.98));\n border: 1px solid var(--atxa-border);\n border-radius: 18px;\n padding: 26px 18px;\n text-align: right;\n transition: transform 0.3s ease, border-color 0.3s ease;\n min-width: 0;\n }\n\n .atxa-value-card:hover {\n border-color: var(--atxa-neon-gold);\n transform: translateY(-5px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.7);\n }\n\n .atxa-value-num {\n width: 44px; height: 44px;\n background: rgba(255, 42, 59, 0.15);\n border: 1.5px solid var(--atxa-neon-red);\n border-radius: 12px;\n display: flex; align-items: center; justify-content: center;\n font-size: 1.2rem; font-weight: 900;\n color: var(--atxa-neon-gold);\n margin-bottom: 14px;\n }\n\n .atxa-value-card h3 {\n font-size: 1.2rem;\n font-weight: 900;\n margin-bottom: 8px;\n color: #ffffff;\n }\n\n .atxa-value-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .atxa-steps-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 18px;\n margin: 30px 0;\n width: 100%;\n }\n\n .atxa-step-card {\n background: rgba(18, 8, 12, 0.85);\n border: 1.5px dashed var(--atxa-border);\n padding: 24px 16px;\n border-radius: 16px;\n text-align: center;\n transition: transform 0.3s ease, border-color 0.3s ease;\n min-width: 0;\n }\n\n .atxa-step-card:hover {\n border-color: var(--atxa-neon-red);\n transform: translateY(-5px);\n background: rgba(26, 12, 18, 0.95);\n }\n\n .atxa-step-num {\n width: 44px; height: 44px;\n background: linear-gradient(135deg, #2a080e, #0a0204);\n border: 2px solid var(--atxa-neon-red);\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 1.3rem; font-weight: 900;\n color: var(--atxa-neon-gold);\n margin: 0 auto 14px;\n box-shadow: 0 0 15px var(--atxa-glow-red);\n }\n\n .atxa-step-card h4 {\n color: var(--atxa-neon-red);\n font-size: 1.2rem;\n font-weight: 800;\n margin-bottom: 8px;\n }\n\n .atxa-step-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .atxa-table-wrap {\n margin: 35px 0;\n border-radius: 18px;\n border: 1px solid var(--atxa-border);\n background: rgba(18, 8, 12, 0.85);\n overflow: hidden;\n width: 100%;\n }\n\n .atxa-table { width: 100%; border-collapse: collapse; text-align: right; }\n .atxa-table th, .atxa-table td {\n padding: 18px 20px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n font-size: 1.05rem;\n vertical-align: middle;\n }\n\n .atxa-table thead th {\n background: rgba(35, 10, 16, 0.95);\n font-size: 1.15rem; font-weight: 900;\n color: #ffffff;\n border-bottom: 2px solid var(--atxa-neon-red);\n }\n\n .atxa-table thead th.atxa-th-win {\n color: var(--atxa-neon-gold);\n background: rgba(255, 42, 59, 0.18);\n text-shadow: 0 0 18px var(--atxa-glow-gold);\n }\n\n .atxa-table td:first-child { color: #ffffff; font-weight: 800; }\n .atxa-table td.atxa-td-old { color: #ffffff; }\n .atxa-table td.atxa-td-win {\n color: #ffffff; font-weight: 700;\n background: rgba(255, 42, 59, 0.08);\n border-right: 3.5px solid var(--atxa-neon-red);\n }\n\n .atxa-table tbody tr:hover { background: rgba(255, 42, 59, 0.06); }\n .atxa-table tbody tr:last-child td { border-bottom: none; }\n\n .atxa-reveal {\n opacity: 0;\n transform: translateY(35px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n }\n\n .atxa-reveal.atxa-active {\n opacity: 1;\n transform: translateY(0);\n }\n\n .atxa-delay-1 { transition-delay: 0.12s; }\n .atxa-delay-2 { transition-delay: 0.24s; }\n\n @media (max-width: 768px) {\n .anua-txa-ultimate-wrapper { padding: 25px 0; }\n .atxa-container { padding: 0 14px !important; }\n .atxa-img-md { max-width: 100% !important; }\n\n .atxa-benefits-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n margin: 20px 0 !important;\n width: 100% !important;\n }\n\n .atxa-benefits-grid .atxa-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .atxa-benefits-grid .atxa-icon-wrap {\n width: 38px !important;\n height: 38px !important;\n margin-bottom: 10px !important;\n border-radius: 10px !important;\n font-size: 16px !important;\n }\n\n .atxa-benefits-grid .atxa-card h3 {\n font-size: 0.94rem !important;\n margin-bottom: 6px !important;\n line-height: 1.3 !important;\n }\n\n .atxa-benefits-grid .atxa-ingredient-tag {\n font-size: 0.72rem !important;\n padding: 3px 6px !important;\n margin-bottom: 6px !important;\n line-height: 1.25 !important;\n border-radius: 6px !important;\n }\n\n .atxa-benefits-grid .atxa-card p {\n font-size: 0.82rem !important;\n line-height: 1.5 !important;\n }\n\n .atxa-diff-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .atxa-diff-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .atxa-diff-card:last-child {\n grid-column: span 2 !important;\n }\n\n .atxa-bignum {\n font-size: 32px !important;\n }\n\n .atxa-diff-card h4 {\n font-size: 0.95rem !important;\n margin-bottom: 4px !important;\n }\n\n .atxa-diff-card p {\n font-size: 0.82rem !important;\n line-height: 1.45 !important;\n }\n\n .atxa-stats-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .atxa-stat-box {\n padding: 16px 10px !important;\n border-radius: 14px !important;\n }\n\n .atxa-stat-box:last-child {\n grid-column: span 2 !important;\n }\n\n .atxa-stat-num {\n font-size: 34px !important;\n }\n\n .atxa-stat-title {\n font-size: 0.85rem !important;\n }\n\n .atxa-timeline-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .atxa-timeline-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .atxa-timeline-badge {\n font-size: 0.75rem !important;\n padding: 3px 8px !important;\n margin-bottom: 8px !important;\n }\n\n .atxa-timeline-card p {\n font-size: 0.82rem !important;\n line-height: 1.45 !important;\n }\n\n .atxa-value-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .atxa-value-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .atxa-value-card:last-child {\n grid-column: span 2 !important;\n }\n\n .atxa-value-num {\n width: 36px !important;\n height: 36px !important;\n font-size: 1rem !important;\n margin-bottom: 8px !important;\n }\n\n .atxa-value-card h3 {\n font-size: 0.95rem !important;\n margin-bottom: 4px !important;\n }\n\n .atxa-value-card p {\n font-size: 0.82rem !important;\n line-height: 1.45 !important;\n }\n\n .atxa-steps-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .atxa-step-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .atxa-step-card:last-child {\n grid-column: span 2 !important;\n }\n\n .atxa-step-num {\n width: 38px !important;\n height: 38px !important;\n font-size: 1.1rem !important;\n margin-bottom: 8px !important;\n }\n\n .atxa-step-card h4 {\n font-size: 0.95rem !important;\n margin-bottom: 4px !important;\n }\n\n .atxa-step-card p {\n font-size: 0.82rem !important;\n line-height: 1.45 !important;\n }\n\n .atxa-table, .atxa-table tbody, .atxa-table tr, .atxa-table td { display: block; width: 100%; }\n .atxa-table thead { display: none; }\n .atxa-table tr {\n margin-bottom: 12px;\n border: 1px solid rgba(255, 42, 59, 0.25);\n border-radius: 14px;\n overflow: hidden;\n }\n .atxa-table td { border-bottom: 1px solid rgba(255,255,255,0.06); padding: 12px 14px; font-size: 0.88rem; }\n .atxa-table td:first-child {\n background: rgba(35, 10, 16, 0.95);\n font-size: 1rem;\n color: var(--atxa-neon-gold);\n }\n .atxa-table td[data-label]::before {\n content: attr(data-label) \": \";\n font-weight: 800;\n color: var(--atxa-neon-rose);\n margin-left: 6px;\n }\n .atxa-table td.atxa-td-win::before { color: var(--atxa-neon-gold); }\n\n .atxa-title-glow { font-size: 24px; }\n .atxa-section-title { font-size: 20px; }\n }\n \u003c\/style\u003e\n\n \u003cdiv class=\"atxa-ambient-bg\"\u003e\n \u003cdiv class=\"atxa-orb atxa-orb-1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"atxa-orb atxa-orb-2\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"atxa-container\"\u003e\n \u003c!-- 1. Hero Section --\u003e\n \u003cdiv class=\"atxa-hero atxa-reveal atxa-active\" style=\"text-align: center; padding: 20px 0 35px;\"\u003e\n \u003cdiv class=\"atxa-badge\"\u003eأقوى تركيبة تفتيح وتصحيح بقع في كوريا\u003c\/div\u003e\n \u003ch1 class=\"atxa-title-glow\"\u003e\n سيروم Anua Niacinamide 10% + TXA 4%\u003cbr\u003e\n \u003cspan class=\"neon-gold\"\u003eتخلصي من الفاونديشن واسترجعي نقاء بشرتك في 30 يوم\u003c\/span\u003e\n \u003c\/h1\u003e\n\n \u003cp class=\"atxa-hero-subtitle\"\u003e\n زهقتي من مداراة \u003cspan class=\"neon-red\"\u003eآثار الحبوب القديمة بالكونسيلر\u003c\/span\u003e؟ الكلف وبقع الشمس مطفيين وشك مهما جربتي سيرومات تفتيح؟ \u003cspan class=\"neon-gold\"\u003eالسر مش في تقشير وشك\u003c\/span\u003e.. السر إنك توقفي البقعة نفسها من الجذور قبل ما تظهر على سطح جلدك.\n \u003c\/p\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Serum_bottle_against_dark_backgr__202608311311.jpg?v=1788171326\" alt=\"ANUA Niacinamide 10% + TXA 4% Serum\" class=\"atxa-img-md\" style=\"margin-bottom: 30px;\"\u003e\n\n \u003cdiv style=\"background: rgba(255, 42, 59, 0.08); border: 1.5px solid var(--atxa-neon-red); border-radius: 18px; padding: 22px; text-align: center; max-width: 840px; margin: 0 auto 30px;\"\u003e\n \u003cp style=\"font-size: 1.25rem; font-weight: 900; color: #ffffff; line-height: 1.85;\"\u003e\n مش مجرد سيروم تفتيح عادي.. دي \u003cspan class=\"neon-red\"\u003eثلاثية تصحيح ذكية\u003c\/span\u003e بتدمج \u003cspan class=\"neon-gold\"\u003e10% نياسيناميد + 4% ترانيكساميك + 2% أربوتين\u003c\/span\u003e عشان تمحي أغمق بقعة في وشك وتوحد لونك بدون نقطة تقشير أو لسعة حرقان واحدة!\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"background: rgba(255, 210, 74, 0.08); border: 1px dashed var(--atxa-neon-gold); padding: 16px 22px; border-radius: 16px; display: inline-flex; align-items: center; justify-content: center; gap: 14px; max-width: 820px;\"\u003e\n \u003cp style=\"font-size: 1.05rem; font-weight: 800; margin: 0; color: #ffffff;\"\u003e\n المنتج الأكثر مبيعاً في \u003cspan class=\"neon-gold\"\u003eأكثر من 30 دولة\u003c\/span\u003e لإنهاء معركة البقع العنيدة نهائياً وبأمان تام للبشرة الحساسة.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- 2. Core Targeted Benefits Grid --\u003e\n \u003cdiv class=\"atxa-reveal\" style=\"margin-top: 15px;\"\u003e\n \u003ch2 class=\"atxa-section-title\"\u003eإيه اللي هيتغير في بشرتك بالظبط؟\u003c\/h2\u003e\n \u003cp class=\"pure-white\" style=\"text-align: center; margin-bottom: 30px; font-size: 1.15rem;\"\u003e\n الفرق الحقيقي اللي هتشوفيه كل يوم في المراية من أول أسبوع:\n \u003c\/p\u003e\n\n \u003cdiv class=\"atxa-benefits-grid\"\u003e\n \u003c!-- Benefit 1 --\u003e\n \u003cdiv class=\"atxa-card\"\u003e\n \u003cdiv class=\"atxa-icon-wrap\"\u003e1\u003c\/div\u003e\n \u003ch3 class=\"neon-red\"\u003eلون موحد ومسامات مشدودة\u003c\/h3\u003e\n \u003cdiv class=\"atxa-ingredient-tag\"\u003eنياسيناميد 10% نقي\u003c\/div\u003e\n \u003cp\u003eبيتحكم في الدهون الزيادة، بيضيق المسام الواسعة، وبيوزع النضارة على كامل وشك عشان تستغني عن بودرة المكياج.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefit 2 --\u003e\n \u003cdiv class=\"atxa-card atxa-delay-1\"\u003e\n \u003cdiv class=\"atxa-icon-wrap\"\u003e2\u003c\/div\u003e\n \u003ch3 class=\"neon-gold\"\u003eإيقاف الكلف من المنبع\u003c\/h3\u003e\n \u003cdiv class=\"atxa-ingredient-tag gold\"\u003eحمض الترانيكساميك 4%\u003c\/div\u003e\n \u003cp\u003eبيمنع تكوين صبغة التصبغات من جذورها العميقة، فيوقف الكلف وبقع الشمس الصيفية قبل ما تثبت في جلدك.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefit 3 --\u003e\n \u003cdiv class=\"atxa-card atxa-delay-2\"\u003e\n \u003cdiv class=\"atxa-icon-wrap\"\u003e3\u003c\/div\u003e\n \u003ch3 class=\"neon-rose\"\u003eمحو آثار الحبوب المستعصية\u003c\/h3\u003e\n \u003cdiv class=\"atxa-ingredient-tag rose\"\u003eأربوتين نقي 2%\u003c\/div\u003e\n \u003cp\u003eشغال زي الأستيكة على العلامات البنية والحمراء اللي سايباها الحبوب القديمة، فترجع بشرتك صافية زي الفلتر.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefit 4 --\u003e\n \u003cdiv class=\"atxa-card\"\u003e\n \u003cdiv class=\"atxa-icon-wrap\"\u003e4\u003c\/div\u003e\n \u003ch3 class=\"neon-red\"\u003eامتلاء مائي بدون أي جفاف\u003c\/h3\u003e\n \u003cdiv class=\"atxa-ingredient-tag\"\u003eهيالورونيك وبولي جلوتاميك\u003c\/div\u003e\n \u003cp\u003eبيغرق خلايا جلدك ترطيب مائي عميق، فيمنع الجفاف أو القشور اللي دايماً بتسببها سيرومات التفتيح التانية.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefit 5 --\u003e\n \u003cdiv class=\"atxa-card atxa-delay-1\"\u003e\n \u003cdiv class=\"atxa-icon-wrap\"\u003e5\u003c\/div\u003e\n \u003ch3 class=\"neon-gold\"\u003eدرع حماية يمنع عودة البقع\u003c\/h3\u003e\n \u003cdiv class=\"atxa-ingredient-tag gold\"\u003eسيراميد Ceramide NP\u003c\/div\u003e\n \u003cp\u003eبيبني حاجز حماية صلب يقفل الترطيب جوة جلدك ويمنع حساسية الشمس وتقلبات الجو من حرق وشك من جديد.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefit 6 --\u003e\n \u003cdiv class=\"atxa-card atxa-delay-2\"\u003e\n \u003cdiv class=\"atxa-icon-wrap\"\u003e6\u003c\/div\u003e\n \u003ch3 class=\"neon-rose\"\u003eتهدئة فورية بدون أي احمرار\u003c\/h3\u003e\n \u003cdiv class=\"atxa-ingredient-tag rose\"\u003eسيكا وشاي أخضر طبيعي\u003c\/div\u003e\n \u003cp\u003eإحساس انتعاش وراحة من أول قطرة، بيطفي الحرقان ويهدي التهيج فوراً حتى لو كانت بشرتك شديدة التحسس.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- 3. Formula Secrets Grid --\u003e\n \u003cdiv class=\"atxa-reveal\"\u003e\n \u003ch2 class=\"atxa-section-title\"\u003eليه السيروم ده مش هيحرق ولا يهيج وشك؟\u003c\/h2\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Serum_bottle_with_rose_petals_202608311314.jpg?v=1788171326\" alt=\"ANUA Serum Natural Ingredients\" class=\"atxa-img-md\" style=\"margin-bottom: 25px;\"\u003e\n \u003cp class=\"pure-white\" style=\"text-align: center; margin-bottom: 25px; font-size: 1.15rem;\"\u003e\n معظم سيرومات التفتيح بتكون قاسية وتسبب حرقان وقشور، لكن Anua حلت المعادلة:\n \u003c\/p\u003e\n\n \u003cdiv class=\"atxa-diff-grid\"\u003e\n \u003cdiv class=\"atxa-diff-card\"\u003e\n \u003cdiv class=\"atxa-bignum neon-gold\"\u003e10%\u003c\/div\u003e\n \u003ch4 class=\"neon-gold\"\u003eقوة قصوى بدون تحسس\u003c\/h4\u003e\n \u003cp\u003eالنسبة الذهبية اللي بتفتح وتوحد اللون بسرعة، لكن مدعومة بمهدئات وسيراميد عشان وشك يفضل مرتاح 100%.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"atxa-diff-card\" style=\"border-color: var(--atxa-neon-red);\"\u003e\n \u003cdiv class=\"atxa-bignum neon-red\"\u003e100%\u003c\/div\u003e\n \u003ch4 class=\"neon-red\"\u003eنقاء وردي طبيعي\u003c\/h4\u003e\n \u003cp\u003eلونه الوردي الكريستالي مش صبغة صناعية، ده لون فيتامين B12 الطبيعي اللي بيغذي ويورد لون بشرتك.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"atxa-diff-card\" style=\"border-color: var(--atxa-neon-rose);\"\u003e\n \u003cdiv class=\"atxa-bignum neon-rose\"\u003e7 أيام\u003c\/div\u003e\n \u003ch4 class=\"neon-rose\"\u003eانتعاش وإشراقة ملحوظة\u003c\/h4\u003e\n \u003cp\u003eمش هتحتاجي تستني شهور عشان تشوفي نتيجة، ملمس بشرتك هينعم والبهتان هيختفي من أول أسبوع.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"pure-white\" style=\"text-align: center; font-size: 1.15rem; font-weight: 800; margin-top: 25px;\"\u003e\n مناسب لجميع أنواع البشرة حتى \u003cspan class=\"neon-gold\"\u003eالمعرضة للحبوب والحساسة\u003c\/span\u003e، وخالٍ تماماً من العطور والكحول.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- 4. Clinical Evidence \u0026 Stats Grid --\u003e\n \u003cdiv class=\"atxa-reveal\"\u003e\n \u003ch2 class=\"atxa-section-title\"\u003eأرقام حقيقية أثبتتها التجارب السريرية\u003c\/h2\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Serum_bottle_with_abstract_shapes_202608311314.jpg?v=1788171326\" alt=\"ANUA Niacinamide TXA Serum benefits\" class=\"atxa-img-md\" style=\"margin-bottom: 25px;\"\u003e\n \u003cp class=\"pure-white\" style=\"text-align: center; margin-bottom: 25px; font-size: 1.15rem;\"\u003e\n نتائج موثقة بعد دراسة معملية معتمدة على \u003cspan class=\"neon-gold\"\u003e347 مستخدمة\u003c\/span\u003e:\n \u003c\/p\u003e\n\n \u003cdiv class=\"atxa-stats-grid\"\u003e\n \u003cdiv class=\"atxa-stat-box\"\u003e\n \u003cdiv class=\"atxa-stat-num neon-gold\"\u003e\n \u003cspan class=\"atxa-counter\" data-target=\"94\"\u003e0\u003c\/span\u003e%\n \u003c\/div\u003e\n \u003cdiv class=\"atxa-stat-title\"\u003eتلاشي واضح للبقع والتصبغات الداكنة\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"atxa-stat-box\" style=\"border-color: var(--atxa-neon-red);\"\u003e\n \u003cdiv class=\"atxa-stat-num neon-red\"\u003e\n \u003cspan class=\"atxa-counter\" data-target=\"89\"\u003e0\u003c\/span\u003e%\n \u003c\/div\u003e\n \u003cdiv class=\"atxa-stat-title\"\u003eتوحيد كامل للون الوجه والرقبة\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"atxa-stat-box\" style=\"border-color: var(--atxa-neon-rose);\"\u003e\n \u003cdiv class=\"atxa-stat-num neon-rose\"\u003e\n \u003cspan class=\"atxa-counter\" data-target=\"91\"\u003e0\u003c\/span\u003e%\n \u003c\/div\u003e\n \u003cdiv class=\"atxa-stat-title\"\u003eنعومة ملحوظة واختفاء خشونة البشرة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"pure-white\" style=\"text-align: center; font-size: 1.1rem; font-weight: bold;\"\u003e\n نتائج موثقة من مراكز أبحاث كورية معتمدة، مش مجرد كلام إعلانات!\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- 5. Comparison Table --\u003e\n \u003cdiv class=\"atxa-reveal\"\u003e\n \u003ch2 class=\"atxa-section-title\"\u003eليه سيروم Anua بيتفوق على السيرومات العادية؟\u003c\/h2\u003e\n \u003cdiv class=\"atxa-table-wrap\"\u003e\n \u003ctable class=\"atxa-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eوجه المقارنة\u003c\/th\u003e\n \u003cth\u003eالسيرومات التقليدية\u003c\/th\u003e\n \u003cth class=\"atxa-th-win\"\u003eسيروم ANUA TXA Niacinamide\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd data-label=\"وجه المقارنة\"\u003eالمكونات الفعالة\u003c\/td\u003e\n \u003ctd class=\"atxa-td-old\" data-label=\"السيرومات التقليدية\"\u003e5% إلى 10% نياسيناميد فقط لوحده\u003c\/td\u003e\n \u003ctd class=\"atxa-td-win\" data-label=\"سيروم ANUA TXA Niacinamide\"\u003e10% نياسيناميد + 4% ترانيكساميك + 2% أربوتين\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd data-label=\"وجه المقارنة\"\u003eطريقة علاج البقع\u003c\/td\u003e\n \u003ctd class=\"atxa-td-old\" data-label=\"السيرومات التقليدية\"\u003eتفتيح سطحي ضعيف يرجع مع أول شمس\u003c\/td\u003e\n \u003ctd class=\"atxa-td-win\" data-label=\"سيروم ANUA TXA Niacinamide\"\u003eيوقف إنتاج صبغة البقع من جذورها العميقة\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd data-label=\"وجه المقارنة\"\u003eراحة البشرة\u003c\/td\u003e\n \u003ctd class=\"atxa-td-old\" data-label=\"السيرومات التقليدية\"\u003eبتسبب حرقان وقشور وجفاف للبشرة\u003c\/td\u003e\n \u003ctd class=\"atxa-td-win\" data-label=\"سيروم ANUA TXA Niacinamide\"\u003eترطيب مائي فوري بالسيراميد والهيالورونيك\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd data-label=\"وجه المقارنة\"\u003eسرعة النتيجة\u003c\/td\u003e\n \u003ctd class=\"atxa-td-old\" data-label=\"السيرومات التقليدية\"\u003eبتحتاجي شهرين وممكن متلاحظيش فرق\u003c\/td\u003e\n \u003ctd class=\"atxa-td-win\" data-label=\"سيروم ANUA TXA Niacinamide\"\u003eنضارة واضحة وتراجع للبهتان من أول 7 أيام\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd data-label=\"وجه المقارنة\"\u003eالأمان للجلد الحساس\u003c\/td\u003e\n \u003ctd class=\"atxa-td-old\" data-label=\"السيرومات التقليدية\"\u003eمليانة كحول وعطور بتلهب الحبوب\u003c\/td\u003e\n \u003ctd class=\"atxa-td-win\" data-label=\"سيروم ANUA TXA Niacinamide\"\u003eخالي تماماً من العطور والكحول والمهيجات\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- 6. Timeline Transformation Grid --\u003e\n \u003cdiv class=\"atxa-reveal\"\u003e\n \u003ch2 class=\"atxa-section-title\"\u003eرحلة وشك خطوة بخطوة مع الاستخدام\u003c\/h2\u003e\n \u003cdiv class=\"atxa-timeline-grid\"\u003e\n \u003cdiv class=\"atxa-timeline-card\"\u003e\n \u003cdiv class=\"atxa-timeline-badge\"\u003eالأسبوع 1\u003c\/div\u003e\n \u003ch4 class=\"neon-red\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eإشراقة وانتعاش فوري\u003c\/h4\u003e\n \u003cp\u003eامتصاص سريع في ثواني بدون أي تلزيق، ترطيب مائي مريح، وبهتان وشك هيبدأ يختفي ويديكي مظهر صحي.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"atxa-timeline-card\" style=\"border-top-color: var(--atxa-neon-gold);\"\u003e\n \u003cdiv class=\"atxa-timeline-badge\" style=\"color: var(--atxa-neon-gold); border-color: var(--atxa-neon-gold);\"\u003eالأسبوع 2 و 3\u003c\/div\u003e\n \u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eبهتان آثار الحبوب\u003c\/h4\u003e\n \u003cp\u003eآثار الحبوب السطحية هتبدأ تفتح بشكل ملحوظ، ولمعان الدهون المزعج هيقل، ومساماتك هتبان أنظف وأصغر.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"atxa-timeline-card\" style=\"border-top-color: var(--atxa-neon-rose);\"\u003e\n \u003cdiv class=\"atxa-timeline-badge\" style=\"color: var(--atxa-neon-rose); border-color: var(--atxa-neon-rose);\"\u003eالشهر الأول\u003c\/div\u003e\n \u003ch4 class=\"neon-rose\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eتوحيد حقيقي للون\u003c\/h4\u003e\n \u003cp\u003eتراجع كبير في الكلف والتصبغات، هتحسي إن وشك مشدود وموحد كأنك حاطة فلتر طبيعي بدون مكياج.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"atxa-timeline-card\" style=\"border-top-color: var(--atxa-neon-red);\"\u003e\n \u003cdiv class=\"atxa-timeline-badge\"\u003eالشهر الثاني\u003c\/div\u003e\n \u003ch4 class=\"neon-red\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eصفاء دائم ومحمي\u003c\/h4\u003e\n \u003cp\u003eاختفاء شبه تام للبقع القديمة العنيدة، مع حاجز قوي يحمي بشرتك من إن البقع ترجع تظهر تاني مع الشمس.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- 7. Value Proposition Grid --\u003e\n \u003cdiv class=\"atxa-reveal\"\u003e\n \u003ch2 class=\"atxa-section-title\"\u003eليه السيروم ده أوفر استثمار لبشرتك؟\u003c\/h2\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Woman_holding_skincare_serum_bottle_202608311314.jpg?v=1788171326\" alt=\"ANUA serum results\" class=\"atxa-img-md\" style=\"margin-bottom: 25px;\"\u003e\n\n \u003cdiv class=\"atxa-value-grid\"\u003e\n \u003cdiv class=\"atxa-value-card\"\u003e\n \u003cdiv class=\"atxa-value-num\"\u003e1\u003c\/div\u003e\n \u003ch3 class=\"neon-red\"\u003eنقطتين بس بيكفوا\u003c\/h3\u003e\n \u003cp\u003eتركيزه العالي بيخلي نقطتين أو 3 يغطوا كامل وشك ورقبتك. العبوة الـ 30 مل هتقعد معاكي شهرين كاملين من الاستخدام اليومي.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"atxa-value-card\" style=\"border-color: var(--atxa-neon-gold);\"\u003e\n \u003cdiv class=\"atxa-value-num\" style=\"color: var(--atxa-neon-gold); border-color: var(--atxa-neon-gold);\"\u003e2\u003c\/div\u003e\n \u003ch3 class=\"neon-gold\"\u003eيغنيكي عن 4 منتجات\u003c\/h3\u003e\n \u003cp\u003eبدل ما تشتري سيروم تفتيح، وسيروم آثار حبوب، وسيروم هيالورونيك، وكريم سيراميد.. أنوا بيجمع كل ده في خطوة واحدة توفر ميزانيتك.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"atxa-value-card\" style=\"border-color: var(--atxa-neon-rose);\"\u003e\n \u003cdiv class=\"atxa-value-num\" style=\"color: var(--atxa-neon-rose); border-color: var(--atxa-neon-rose);\"\u003e3\u003c\/div\u003e\n \u003ch3 class=\"neon-rose\"\u003eمضمون ومجرب عالمياً\u003c\/h3\u003e\n \u003cp\u003eرقم 1 في تريندات الجمال الكوري وملايين البنات اعتمدوه في روتينهم اليومي كبديل آمن لجلسات العيادات المكلفة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- 8. Usage Protocol Grid --\u003e\n \u003cdiv class=\"atxa-reveal\"\u003e\n \u003ch2 class=\"atxa-section-title\"\u003eطريقة الاستخدام السهلة لأقصى نتيجة\u003c\/h2\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Serum_bottle_on_red_liquid_202608311311.jpg?v=1788171326\" alt=\"ANUA serum bottle\" class=\"atxa-img-md\" style=\"margin-bottom: 25px;\"\u003e\n\n \u003cdiv class=\"atxa-steps-grid\"\u003e\n \u003cdiv class=\"atxa-step-card\"\u003e\n \u003cdiv class=\"atxa-step-num\"\u003e1\u003c\/div\u003e\n \u003ch4\u003eنظفي وجهك\u003c\/h4\u003e\n \u003cp\u003eاستخدميه صباحاً أو مساءً على بشرة نظيفة وجافة تماماً بعد خطوة التونر المفضلة ليكي.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"atxa-step-card\"\u003e\n \u003cdiv class=\"atxa-step-num\"\u003e2\u003c\/div\u003e\n \u003ch4\u003eوزعي برفق\u003c\/h4\u003e\n \u003cp\u003eحطي من 2 لـ 3 قطرات ودلكي بلطف، مع التركيز على أماكن البقع وآثار الحبوب لحد ما يتشرب تماماً.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"atxa-step-card\"\u003e\n \u003cdiv class=\"atxa-step-num\"\u003e3\u003c\/div\u003e\n \u003ch4\u003eاقفلي بالمرطب\u003c\/h4\u003e\n \u003cp\u003eحطي مرطبك المعتاد لحبس المكونات، وضروري جداً تستخدمي واقي شمس بالنهار لحماية نضارة وشك الجديدة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- 9. Final CTA --\u003e\n \u003cdiv class=\"atxa-reveal\" style=\"text-align: center; margin-top: 55px; padding: 50px 20px; background: linear-gradient(180deg, rgba(32, 10, 16, 0.95) 0%, rgba(8, 2, 4, 0.98) 100%); border-radius: 24px; border: 2px solid var(--atxa-neon-red); box-shadow: 0 20px 60px rgba(255, 42, 59, 0.25);\"\u003e\n \u003ch2 class=\"atxa-title-glow\" style=\"font-size: clamp(24px, 4.5vw, 36px); margin-bottom: 20px;\"\u003e\n بشرتك مش محتاجة مكياج يداريها.. \u003cspan class=\"neon-gold\"\u003eمحتاجة سيروم يصفيها بجد\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/202608311326.jpg?v=1788172007\" alt=\"ANUA Niacinamide Serum\" class=\"atxa-img-md\" style=\"margin: 30px auto;\"\u003e\n\n \u003cp style=\"font-size: 1.25rem; font-weight: bold; color: #ffffff; max-width: 800px; margin: 0 auto 25px; line-height: 1.85;\"\u003e\n \u003cstrong class=\"neon-red\" style=\"font-size: 1.35rem; display: block; margin-bottom: 10px;\"\u003eبدل ما تضيعي فلوسك وتتعبي بشرتك في تجارب ملهاش لازمة!\u003c\/strong\u003e\n ابدأي النهاردة مع تركيبة Anua الثلاثية المعتمدة عالمياً.. وامحي البقع وآثار الحبوب عشان تسترجعي إشراقتك الطبيعية بثقة.\n \u003c\/p\u003e\n\n \u003cp style=\"color: var(--atxa-neon-gold); font-size: 1.6rem; font-weight: 900; margin-bottom: 20px; text-shadow: 0 0 20px var(--atxa-glow-gold);\"\u003e\n اطلبي سيروم Anua Niacinamide 10% + TXA 4% الأصلي الآن.. واستمتعي ببشرة زجاجية من أول شهر!\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- 10. Technical INCI List --\u003e\n \u003cdiv class=\"atxa-reveal\" style=\"background: rgba(0,0,0,0.85); border: 1px dashed rgba(255, 42, 59, 0.3); border-radius: 16px; padding: 30px 20px; margin-top: 50px; text-align: left; direction: ltr; word-break: break-word; overflow-wrap: break-word;\"\u003e\n \u003ch3 style=\"color: var(--atxa-neon-red); margin-bottom: 15px; font-size: 1.2rem; text-align: right; direction: rtl; font-weight: 800;\"\u003eقائمة المكوّنات الكاملة والمعتمدة (INCI)\u003c\/h3\u003e\n \u003cp style=\"font-size: 0.95rem; color: #ffffff; line-height: 1.8; font-weight: 500;\"\u003e\n Water, Glycerin, \u003cstrong class=\"neon-red\"\u003eNiacinamide (10%)\u003c\/strong\u003e, \u003cstrong class=\"neon-gold\"\u003eTranexamic Acid (4%)\u003c\/strong\u003e, Butylene Glycol, Diethoxyethyl Succinate, 1,2-Hexanediol, \u003cstrong class=\"neon-rose\"\u003eArbutin (2%)\u003c\/strong\u003e, Sodium Hyaluronate, Alpha-Arbutin, Coccinia Indica Fruit Extract, Eclipta Prostrata Extract, Macadamia Integrifolia Seed Oil, Olea Europaea (Olive) Fruit Oil, Simmondsia Chinensis (Jojoba) Seed Oil, Vitis Vinifera (Grape) Seed Oil, Theobroma Cacao (Cocoa) Extract, Hydrolyzed Hyaluronic Acid, Chamaecyparis Obtusa Leaf Extract, Prunus Persica (Peach) Flower Extract, Camellia Sinensis Seed Oil, Yeast Ferment Extract, Centella Asiatica Extract, Artemisia Princeps Leaf Extract, Candida Bombicola\/Glucose\/Methyl Rapeseedate Ferment, Hyaluronic Acid, Pentylene Glycol, Betaine Salicylate, Sucrose Palmitate, Hydrogenated Lecithin, Gellan Gum, Sodium Phytate, Cellulose, Caprylic\/Capric Triglyceride, Panthenol, Cyanocobalamin, Polyglutamic Acid, 3-O-Ethyl Ascorbic Acid, \u003cstrong class=\"neon-red\"\u003eCeramide NP\u003c\/strong\u003e, Dextrin, Asiaticoside, Madecassic Acid, Asiatic Acid, Dimethylsilanol Hyaluronate, Hydrolyzed Sodium Hyaluronate, Potassium Hyaluronate, Hydroxypropyltrimonium Hyaluronate, Sodium Hyaluronate Crosspolymer, Sodium Hyaluronate Dimethylsilanol, Sodium Acetylated Hyaluronate, Xanthan Gum.\n \u003c\/p\u003e\n \u003cp style=\"font-size: 0.95rem; color: var(--atxa-neon-gold); margin-top: 10px; font-weight: bold; direction: rtl; text-align: right;\"\u003e\n تركيبة كورية علاجية نقية خالية تماماً من العطور الصناعية، الكحول القاسي، والبارابين. آمنة 100% للبشرة الحساسة والمعرضة للحبوب.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function () {\n var reveals = document.querySelectorAll('.atxa-reveal');\n var observer = new IntersectionObserver(function (entries, obs) {\n entries.forEach(function (entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('atxa-active');\n \n var counters = entry.target.querySelectorAll('.atxa-counter');\n if (counters.length \u003e 0) {\n runCounters(counters);\n }\n \n obs.unobserve(entry.target);\n }\n });\n }, { threshold: 0.08, rootMargin: \"0px 0px -40px 0px\" });\n\n reveals.forEach(function (el) { observer.observe(el); });\n\n function runCounters(counters) {\n counters.forEach(function (counter) {\n var target = parseFloat(counter.getAttribute('data-target'));\n if (isNaN(target)) return;\n var duration = 1800;\n var frames = 60;\n var increment = target \/ (duration \/ (1000 \/ frames));\n var current = 0;\n\n var updateCounter = function () {\n current += increment;\n if (current \u003c target) {\n counter.innerText = Math.ceil(current);\n requestAnimationFrame(updateCounter);\n } else {\n counter.innerText = target;\n }\n };\n updateCounter();\n });\n }\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Anua","offers":[{"title":"Default Title","offer_id":46999395270830,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/anua-niacinamide-10-txa-4-serum-30ml-1.webp?v=1789237578"},{"product_id":"beauty-of-joseon-light-on-serum-30ml","title":"BEAUTY OF JOSEON سيروم لايت أون (Light On) للتفتيح بخلاصة السنتيلا وفيتامين C (Vita C) حجم 30 مل","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: rtl;\n \n background-color: #ffffff;\n }\n\n \/* Typography *\/\n .product-container h1, \n .product-container h2 {\n color: #9C8102;\n margin-top: 1.8em;\n margin-bottom: 0.8em;\n font-weight: 700;\n }\n\n .product-container h1 {\n font-size: 2.2rem;\n text-align: center;\n position: relative;\n }\n \n .product-container h1::after {\n content: '';\n display: block;\n width: 100px;\n height: 3px;\n background-color: #9C8102;\n margin: 15px auto 0;\n }\n\n .product-container h2 {\n font-size: 1.6rem;\n position: relative;\n }\n \n .product-container h2::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n margin-top: 10px;\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 padding-right: 20px;\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 section *\/\n .hero-section {\n text-align: center;\n margin-bottom: 40px;\n background-color: #ffffff;\n }\n\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 \/* Feature section *\/\n .feature-section {\n background-color: #ffffff;\n border-radius: 15px;\n padding: 30px;\n margin: 40px 0;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n border: 1px solid #f0f0f0;\n }\n \n \/* Info box *\/\n .info-box {\n background-color: #f9f9f9;\n border-radius: 15px;\n padding: 30px;\n margin: 30px 0;\n position: relative;\n }\n \n .info-box::after {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n width: 4px;\n background-color: #9C8102;\n border-radius: 0 15px 15px 0;\n }\n\n \/* List items with custom bullets *\/\n .custom-list {\n list-style: none;\n padding: 0;\n }\n \n .custom-list li {\n padding-right: 25px;\n position: relative;\n margin-bottom: 15px;\n }\n \n .custom-list li::before {\n content: '';\n position: absolute;\n right: 0;\n top: 10px;\n width: 8px;\n height: 8px;\n background-color: #9C8102;\n border-radius: 50%;\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 \/* Testimonials section *\/\n .testimonials-section {\n background-color: #fafafa;\n border-radius: 15px;\n padding: 30px;\n margin: 40px 0;\n }\n \n .testimonials-title {\n text-align: center;\n margin-bottom: 30px;\n }\n \n .testimonials-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n }\n \n .testimonial-card {\n background-color: #ffffff;\n border-radius: 10px;\n padding: 20px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n }\n \n .testimonial-highlight {\n color: #9C8102;\n font-weight: bold;\n font-size: 1.1rem;\n margin-bottom: 10px;\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 \/* Ingredients section *\/\n .ingredients-section {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n margin: 40px 0;\n gap: 30px;\n }\n \n .ingredients-image {\n flex: 1;\n min-width: 300px;\n }\n \n .ingredients-content {\n flex: 1;\n min-width: 300px;\n }\n \n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .benefits-grid,\n .testimonials-grid {\n grid-template-columns: 1fr;\n }\n \n .ingredients-section {\n flex-direction: column;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-container\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section fade-in\"\u003e\n \u003ch1\u003eBeauty of Joseon Light On Serum (Centella + Vita C) – إشراقة كورية متألقة\u003c\/h1\u003e\n \n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_centella_vitamin_c.webp?v=1745771070\" alt=\"Beauty of Joseon Light On Serum\"\u003e\n \u003c\/div\u003e\n \n \u003c!-- Introduction Section --\u003e\n \u003cdiv class=\"feature-section fade-in\"\u003e\n \u003ch2\u003eإشراقة بلا عوائق: أهمية علاج التصبغات وتجديد البشرة\u003c\/h2\u003e\n \n \u003cp\u003eالتصبغات والبقع الداكنة مش بس بتقلل من جمال البشرة، لكنها كمان بتخلي مظهرها باهت وأكبر من عمرها الحقيقي. علاج التصبغات بيعيد للبشرة توازنها الطبيعي، وبيخليها أنقى، أفتح، وأكثر إشراقًا. فيتامين C له دور أساسي في تقليل التصبغات وتوحيد اللون، وكمان بيحفز إنتاج الكولاجين، اللي بيجدد شباب البشرة ويحسن مرونتها. لما بشرتك تبقى موحدة ومضيئة، ثقتك في نفسك بتلمع قدام العالم كله.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cimg class=\"hero-image fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_light_on_serum_6eeba7fb-b756-4410-a59a-26c1d9a92945.webp?v=1745772222\" alt=\"Beauty of Joseon Light On Serum Application\"\u003e\n \n \u003c!-- Korean Heritage Section --\u003e\n \u003cdiv class=\"fade-in\"\u003e\n \u003ch2\u003eسحر التراث الكوري والابتكار العصري\u003c\/h2\u003e\n \n \u003cp\u003eسيروم Light On هذا المنتج هو تجسيد لفن العناية بالبشرة الكوري. بيحتوي على 68% من خلاصة السنتيلا الآسيوية العضوية – النبتة الأسطورية اللي اشتهرت بقدرتها الخارقة على تهدئة البشرة وتجديد خلاياها. ومع دعمها بأحدث تقنيات استقرار فيتامين C، السيروم بيوفر أقصى فاعلية في التفتيح وعلاج التصبغات بدون أي تهيج. لمسة من التراث ولمسة من الابتكار... والنتيجة: سحر حقيقي على بشرتك.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cimg class=\"hero-image fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_centella_vitamin_c_2_24ba1a6d-be84-4fd5-a1a6-06a5a41a6a23.webp?v=1745772244\" alt=\"Beauty of Joseon Light On Serum Benefits\"\u003e\n \n \u003c!-- How It Works Section --\u003e\n \u003cdiv class=\"info-box fade-in\"\u003e\n \u003ch2\u003eكيف يعمل السيروم: ثنائي فريد من التفتيح والترطيب\u003c\/h2\u003e\n \n \u003cul class=\"custom-list\"\u003e\n \u003cli\u003e\n \u003cp\u003eأول ما تحطي السيروم على بشرتك، بيبدأ مستخلص السنتيلا يرطبها ويهدي أي احمرار أو التهابات.\u003c\/p\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cp\u003eفيتامين C المستقر يخترق البشرة بأمان، يقلل إنتاج الميلانين، ويفتح التصبغات العنيدة تدريجيًا.\u003c\/p\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cp\u003eمع الاستخدام المنتظم، هتلاحظي إن بشرتك بقت أنعم، أفتح، وخالية من البقع، مع ترطيب عميق يحافظ عليها مشدودة ومتوهجة.\u003c\/p\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003c!-- Ingredients Section --\u003e\n \u003cdiv class=\"ingredients-section fade-in\"\u003e\n \u003cdiv class=\"ingredients-image\"\u003e\n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/centella_beauty_of_joseon.jpg?v=1745772318\" alt=\"Beauty of Joseon Light On Serum Ingredients\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredients-content\"\u003e\n \u003ch2\u003eالمكونات الرئيسية ودورها: فيتامين C وسنتيلا في خدمة بشرتك\u003c\/h2\u003e\n \n \u003cul class=\"custom-list\"\u003e\n \u003cli\u003e\n \u003cp\u003e\u003cstrong\u003eفيتامين C (3-O-Ethyl Ascorbic Acid 10%)\u003c\/strong\u003e: مضاد أكسدة قوي بيوحد لون البشرة، بيفتح البقع الداكنة، وبينشط إنتاج الكولاجين لتحسين مظهر الخطوط الرفيعة والتجاعيد.\u003c\/p\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cp\u003e\u003cstrong\u003eمستخلص السنتيلا الآسيوية (68%)\u003c\/strong\u003e: نبات علاجي بيهدي البشرة المتهيجة، بيحفز تجديد خلايا الجلد، وبيعزز الترطيب العميق للحفاظ على مرونة وصحة البشرة.\u003c\/p\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n \n \u003c!-- Unique Benefits Section --\u003e\n \u003cdiv class=\"fade-in\"\u003e\n \u003ch2\u003eسر التفوق: ليه السيروم ده غير كل اللي جربتيه قبل كده؟\u003c\/h2\u003e\n \n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty-of-Joeson-Light-On-Serum-Centella-Vita-C-30ml-6-min.jpg?v=1745772347\" alt=\"Beauty of Joseon Light On Serum Unique Benefits\"\u003e\n \n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card\"\u003e\n \u003ch3 class=\"benefit-title\"\u003eتركيبة خفيفة تمتص بسرعة\u003c\/h3\u003e\n \u003cp\u003eمفيش إحساس دهني أو طبقة لزجة، بس نعومة وإشراقة واضحة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003ch3 class=\"benefit-title\"\u003eتركيز عالي من المكونات الفعالة\u003c\/h3\u003e\n \u003cp\u003eكمية فيتامين C وسنتيلا أعلى من معظم السيرومات المنافسة، يعني نتائج أسرع وأقوى.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003ch3 class=\"benefit-title\"\u003eمثالي للبشرة الحساسة\u003c\/h3\u003e\n \u003cp\u003eخالي من العطور والكحول، بيهدي البشرة بدل ما يهيجها.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003ch3 class=\"benefit-title\"\u003eنتائج مزدوجة\u003c\/h3\u003e\n \u003cp\u003eتفتيح + مكافحة علامات التقدم في العمر في خطوة واحدة سهلة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Testimonials Section --\u003e\n \u003cdiv class=\"testimonials-section fade-in\"\u003e\n \u003ch2 class=\"testimonials-title\"\u003eآراء المستخدمين: قصص نجاح حقيقية\u003c\/h2\u003e\n \n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card\"\u003e\n \u003ch3 class=\"testimonial-highlight\"\u003eنتائج ملحوظة من أول أسابيع\u003c\/h3\u003e\n \u003cp\u003eأغلب المستخدمين لاحظوا فرق واضح في توحيد لون بشرتهم وزيادة إشراقتها خلال أسابيع قليلة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"testimonial-card\"\u003e\n \u003ch3 class=\"testimonial-highlight\"\u003eملمس خفيف ومريح\u003c\/h3\u003e\n \u003cp\u003eالكل أشاد بإن قوامه خفيف وسهل الامتصاص، مثالي حتى لأيام الصيف الحارة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"testimonial-card\"\u003e\n \u003ch3 class=\"testimonial-highlight\"\u003eمناسب للبشرة الحساسة\u003c\/h3\u003e\n \u003cp\u003eناس كتير من أصحاب البشرة الحساسة أكدوا إنه ساعد على تهدئة بشرتهم بدون أي تهيج.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"testimonial-card\"\u003e\n \u003ch3 class=\"testimonial-highlight\"\u003eرضا كامل وتوصيات واسعة\u003c\/h3\u003e\n \u003cp\u003eنسبة كبيرة من اللي جربوه حبوه لدرجة إنهم أعادوا شراءه أكتر من مرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Call to Action Section - Black Box --\u003e\n \u003cdiv class=\"cta-section fade-in\"\u003e\n \u003ch2 class=\"cta-title\"\u003eاكتشفي سر الإشراقة الكورية اليوم\u003c\/h2\u003e\n \n \u003cp class=\"cta-text\"\u003eبشرة أكثر إشراقاً وتوهجاً بخطوة واحدة بسيطة. قولي وداعاً للبقع الداكنة والتصبغات، وأهلاً بالبشرة المتوهجة!\u003c\/p\u003e\n \n \u003ca href=\"#\" class=\"cta-button\"\u003eاشتري الآن\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\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\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":46999396319406,"sku":null,"price":26.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/beauty-of-joseon-light-on-serum-centella-vita-c-30ml.jpg?v=1788175362"},{"product_id":"anua-peach-70-niacinamide-serum","title":"Anua سيروم بالخوخ 70% والنياسيناميد لتفتيح البشرة وتوحيد اللون ومحاربة التصبغات 30 مل","description":"\u003cdiv class=\"anua-txa-wrapper\" dir=\"rtl\"\u003e\n \u003cstyle\u003e\n \/* === المتغيرات والألوان الأساسية (هوية السيروم الزجاجي الوردي\/الذهبي) === *\/\n .anua-txa-wrapper {\n --atxa-bg-dark: #0f0508; \/* أسود بلمسة وردية عميقة جداً *\/\n --atxa-bg-card: rgba(25, 10, 15, 0.6); \/* زجاج وردي\/ذهبي داكن *\/\n --atxa-rose-gold: #e29587; \/* ذهبي وردي \/ مشمشي *\/\n --atxa-peach-glow: #fca38d; \/* توهج مشمشي ساطع *\/\n --atxa-pink-light: #fad6d0; \/* وردي فاتح جداً للهايلايت *\/\n --atxa-glow: rgba(226, 149, 135, 0.25);\n --atxa-text-main: #fdfaf9;\n --atxa-text-muted: #d4b5b0;\n --atxa-border: rgba(226, 149, 135, 0.2);\n --atxa-border-hover: rgba(252, 163, 141, 0.5);\n \n background-color: var(--atxa-bg-dark);\n color: var(--atxa-text-main);\n font-family: 'Tajawal', 'Cairo', system-ui, -apple-system, sans-serif;\n line-height: 1.7;\n overflow: hidden;\n position: relative;\n padding: 30px 0;\n border-radius: 16px;\n box-shadow: 0 0 60px rgba(226, 149, 135, 0.05) inset;\n }\n\n .anua-txa-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .anua-txa-wrapper img {\n max-width: 100%;\n height: auto;\n border-radius: 16px;\n display: block;\n margin-left: auto;\n margin-right: auto;\n box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n }\n\n .atxa-container {\n max-width: 850px;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n }\n\n \/* === تأثيرات فقاعات الخوخ في الخلفية === *\/\n .atxa-ambient-particles {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n pointer-events: none;\n overflow: hidden;\n }\n\n .atxa-particle {\n position: absolute;\n background: radial-gradient(circle, var(--atxa-glow) 0%, transparent 70%);\n border-radius: 50%;\n bottom: -100px;\n animation: floatUpPeach 14s infinite ease-in-out;\n filter: blur(6px);\n }\n\n @keyframes floatUpPeach {\n 0% { transform: translateY(0) scale(0.8) translateX(0); opacity: 0; }\n 20% { opacity: 0.6; }\n 80% { opacity: 0.3; }\n 100% { transform: translateY(-1600px) scale(1.5) translateX(40px); opacity: 0; }\n }\n\n \/* === العناوين والنصوص === *\/\n .atxa-title-glow {\n display: block;\n width: 100%;\n font-size: clamp(24px, 4.5vw, 36px);\n font-weight: 900;\n text-align: center;\n margin-bottom: 25px;\n line-height: 1.5;\n background: linear-gradient(135deg, #ffffff 0%, var(--atxa-peach-glow) 60%, var(--atxa-rose-gold) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n text-shadow: 0 0 30px var(--atxa-glow);\n }\n\n .atxa-section-title {\n display: block;\n width: 100%;\n font-size: clamp(22px, 4vw, 28px);\n font-weight: 800;\n color: var(--atxa-peach-glow);\n text-align: center;\n margin: 60px auto 30px;\n position: relative;\n line-height: 1.5;\n }\n\n .atxa-section-title::after {\n content: '';\n position: absolute;\n bottom: -12px;\n left: 50%;\n transform: translateX(-50%);\n width: clamp(80px, 30%, 150px);\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--atxa-rose-gold), transparent);\n border-radius: 10px;\n }\n\n \/* === الهيرو (الواجهة) === *\/\n .atxa-hero {\n text-align: center;\n padding: 20px 0 40px;\n position: relative;\n }\n\n .atxa-badge {\n display: inline-block;\n background: rgba(226, 149, 135, 0.15);\n border: 1px solid var(--atxa-rose-gold);\n color: var(--atxa-peach-glow);\n padding: 8px 25px;\n border-radius: 30px;\n font-size: 0.95rem;\n font-weight: bold;\n margin-bottom: 25px;\n box-shadow: 0 0 20px var(--atxa-glow);\n }\n \n .atxa-hero-subtitle {\n font-size: 1.15rem;\n color: var(--atxa-text-muted);\n max-width: 750px;\n margin: 0 auto 30px;\n font-weight: 500;\n line-height: 1.8;\n }\n\n \/* === الكروت الزجاجية (Glassmorphism) === *\/\n .atxa-glass-box {\n background: var(--atxa-bg-card);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n border: 1px solid var(--atxa-border);\n border-radius: 20px;\n padding: 30px;\n margin: 40px auto;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6);\n position: relative;\n overflow: hidden;\n max-width: 800px;\n }\n\n .atxa-glass-box::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 4px;\n height: 100%;\n background: linear-gradient(180deg, var(--atxa-peach-glow), transparent);\n }\n\n \/* === شبكة الفوائد والميكانيزم === *\/\n .atxa-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 30px 0;\n }\n\n .atxa-card {\n background: linear-gradient(145deg, rgba(25, 10, 15, 0.7), rgba(15, 5, 8, 0.9));\n border: 1px solid var(--atxa-border);\n border-radius: 16px;\n padding: 25px;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n\n .atxa-card:hover {\n transform: translateY(-8px);\n border-color: var(--atxa-peach-glow);\n box-shadow: 0 10px 30px var(--atxa-glow);\n background: rgba(35, 15, 20, 0.8);\n }\n\n .atxa-icon {\n width: 55px;\n height: 55px;\n background: rgba(226, 149, 135, 0.1);\n border: 1px solid rgba(252, 163, 141, 0.3);\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 20px;\n color: var(--atxa-peach-glow);\n transition: transform 0.3s ease;\n }\n \n .atxa-card:hover .atxa-icon {\n transform: scale(1.1) rotate(-5deg);\n background: linear-gradient(135deg, var(--atxa-rose-gold), var(--atxa-peach-glow));\n color: #111;\n border-color: transparent;\n }\n\n .atxa-card h3 {\n font-size: 1.15rem;\n color: #fff;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n\n .atxa-card p {\n color: var(--atxa-text-muted);\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* === Custom Lists with Checkmarks === *\/\n .atxa-list {\n list-style: none;\n padding: 0;\n margin-top: 15px;\n }\n\n .atxa-list li {\n position: relative;\n padding-right: 25px;\n margin-bottom: 10px;\n color: var(--atxa-text-muted);\n font-size: 0.95rem;\n }\n\n .atxa-list li::before {\n content: '✓';\n position: absolute;\n right: 0;\n top: 0;\n color: var(--atxa-peach-glow);\n font-weight: bold;\n }\n\n .atxa-highlight-num {\n color: var(--atxa-peach-glow);\n font-weight: bold;\n font-size: 1.1em;\n }\n\n \/* === جدول أنواع البشرة (Table) === *\/\n .atxa-table-container {\n overflow-x: auto;\n margin: 30px 0;\n border-radius: 16px;\n border: 1px solid var(--atxa-border);\n box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n background: rgba(15, 5, 8, 0.6);\n }\n\n .atxa-table {\n width: 100%;\n border-collapse: collapse;\n text-align: right;\n min-width: 600px;\n }\n\n .atxa-table th, .atxa-table td {\n padding: 15px 20px;\n border-bottom: 1px solid rgba(255,255,255,0.05);\n }\n\n .atxa-table th {\n background: rgba(226, 149, 135, 0.1);\n color: var(--atxa-pink-light);\n font-weight: 800;\n font-size: 1.1rem;\n }\n\n .atxa-table td strong {\n color: var(--atxa-text-main);\n }\n\n .atxa-table tr:hover {\n background: rgba(226, 149, 135, 0.05);\n }\n \n .atxa-table tr:last-child td {\n border-bottom: none;\n }\n\n \/* === التايم لاين والنتائج === *\/\n .atxa-timeline-list {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 15px;\n }\n\n .atxa-timeline-item {\n display: flex;\n align-items: center;\n gap: 20px;\n background: rgba(255,255,255,0.02);\n border: 1px dashed var(--atxa-border);\n padding: 20px;\n border-radius: 12px;\n border-right: 4px solid var(--atxa-rose-gold);\n transition: all 0.3s ease;\n }\n\n .atxa-timeline-item:hover {\n background: rgba(226, 149, 135, 0.05);\n border-color: var(--atxa-peach-glow);\n }\n\n .atxa-phase-badge {\n background: var(--atxa-bg-card);\n border: 1px solid var(--atxa-rose-gold);\n color: var(--atxa-peach-glow);\n padding: 8px 15px;\n border-radius: 8px;\n font-weight: bold;\n min-width: 120px;\n text-align: center;\n }\n\n \/* === الأنيميشن والحركات === *\/\n .atxa-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\n .atxa-reveal.atxa-active {\n opacity: 1;\n transform: translateY(0);\n }\n\n .atxa-delay-1 { transition-delay: 0.1s; }\n .atxa-delay-2 { transition-delay: 0.2s; }\n\n @media (max-width: 768px) {\n .atxa-hero { padding: 10px 0 20px; }\n .atxa-timeline-item { flex-direction: column; text-align: center; }\n .atxa-phase-badge { margin-bottom: 10px; width: 100%; }\n }\n \u003c\/style\u003e\n\n \u003c!-- جسيمات الخوخ المتوهجة --\u003e\n \u003cdiv class=\"atxa-ambient-particles\" id=\"atxa-particles\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"atxa-container\"\u003e\n \n \u003c!-- 1. Hero Section --\u003e\n \u003cdiv class=\"atxa-hero atxa-reveal atxa-active\"\u003e\n \u003cdiv class=\"atxa-badge\"\u003eالمعادلة الكورية لبشرة زجاجية\u003c\/div\u003e\n \u003ch1 class=\"atxa-title-glow\"\u003e\"خدعوك فقالوا إن كل النياسيناميد واحد!\"\u003c\/h1\u003e\n \n \u003cp class=\"atxa-hero-subtitle\"\u003e\n في عالم تتشابه فيه الوعود، تختلف النتائج اختلافاً جذرياً. تقف اليوم أمام خيار مصيري: الاستمرار في استخدام منتجات اعتيادية تمنحك نتائج سطحية، أو اتخاذ قرار يغير مصير بشرتك للأبد.\n \u003c\/p\u003e\n \n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_1.png?v=1747140901\" alt=\"Anua Peach 70% Niacinamide Serum\" style=\"margin: 0 auto 30px;\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- 2. The Problem Section --\u003e\n \u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eبشرتك باهتة... والناس تلاحظ!\u003c\/h2\u003e\n \n \u003cdiv class=\"atxa-glass-box atxa-reveal\"\u003e\n \u003cp style=\"text-align: center; color: var(--atxa-text-main); line-height: 1.8; margin-bottom: 20px; font-size: 1.1rem;\"\u003e\n هل لاحظت أن بشرتك تفقد نضارتها سنة تلو الأخرى؟ مع مرور الوقت تزداد البقع الداكنة، تتوسع المسام، وتصبح البشرة خشنة ومطفية. \u003cstrong\u003eولكن السؤال الأهم: ماذا قررت أن تفعل حيال ذلك؟\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003cdiv style=\"border-top: 1px dashed var(--atxa-border); padding-top: 20px; text-align: center;\"\u003e\n \u003cp style=\"font-size: 1.25rem; color: var(--atxa-peach-glow); font-weight: bold; margin-bottom: 10px;\"\u003e\n السر الذي تخفيه شركات التجميل الكبرى\n \u003c\/p\u003e\n \u003cp style=\"color: var(--atxa-text-muted);\"\u003e\n معظم السيرومات تعد بنتائج خيالية، لكنها تستخدم تركيزات ضعيفة من المكونات الفعّالة لتقليل التكلفة. \u003cstrong\u003eلكن Anua كسرت كل القواعد.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_3.webp?v=1747140899\" alt=\"Skin Problems\" class=\"atxa-reveal\" style=\"margin: 0 auto 40px;\"\u003e\n\n \u003c!-- 3. The Solution \/ Formula --\u003e\n \u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eسيروم Anua بالخوخ 70%: المعادلة العلمية لبشرة متألقة كالزجاج\u003c\/h2\u003e\n \u003cp class=\"atxa-reveal\" style=\"text-align: center; color: var(--atxa-text-muted); font-size: 1.1rem; margin-bottom: 30px;\"\u003e\n علماء Anua قضوا 3 سنوات في تطوير هذه التركيبة المثالية التي ستحول بشرتك من باهتة ومتعبة إلى بشرة مشرقة ومتألقة \u003cstrong\u003eكأنها منحوتة من النور\u003c\/strong\u003e.\n \u003c\/p\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_4.webp?v=1747140899\" alt=\"Anua Peach Formula\" class=\"atxa-reveal\" style=\"margin: 0 auto 40px;\"\u003e\n\n \u003c!-- 4. How it works (Ingredients Grid) --\u003e\n \u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eكيف يعمل؟ (العلم وراء النضارة)\u003c\/h2\u003e\n \u003cdiv class=\"atxa-grid\"\u003e\n \u003cdiv class=\"atxa-card atxa-reveal\"\u003e\n \u003cdiv class=\"atxa-icon\"\u003e\n \u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3 style=\"color: var(--atxa-peach-glow);\"\u003eقوة الخوخ بتركيز 70%\u003c\/h3\u003e\n \u003cp\u003eليس مجرد فاكهة... إنه مصنع كامل من الفيتامينات والأحماض. خلاصة الخوخ \u003cstrong\u003eتخترق 7 طبقات من خلايا البشرة\u003c\/strong\u003e لتصل للطبقات العميقة وتعالجها من الداخل للخارج.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"atxa-card atxa-reveal atxa-delay-1\"\u003e\n \u003cdiv class=\"atxa-icon\"\u003e\n \u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3 style=\"color: var(--atxa-peach-glow);\"\u003eنياسيناميد 5% (المعجزة)\u003c\/h3\u003e\n \u003cp\u003eالنياسيناميد هو المكون الذي غيّر قواعد اللعبة في عالم العناية بالبشرة. \u003cstrong\u003eبتركيز 5% المثالي\u003c\/strong\u003e، يستطيع أن:\u003c\/p\u003e\n \u003cul class=\"atxa-list\"\u003e\n \u003cli\u003eيقلل ظهور المسام بنسبة \u003cspan class=\"atxa-highlight-num\"\u003e68%\u003c\/span\u003e\n\u003c\/li\u003e\n \u003cli\u003eيفتّح البقع الداكنة في \u003cspan class=\"atxa-highlight-num\"\u003e14\u003c\/span\u003e يوماً\u003c\/li\u003e\n \u003cli\u003eينظم إفراز الدهون ويمنع اللمعان\u003c\/li\u003e\n \u003cli\u003eيبني ويقوي حاجز البشرة الطبيعي\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"atxa-card atxa-reveal atxa-delay-2\"\u003e\n \u003cdiv class=\"atxa-icon\"\u003e\n \u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 8v8\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 12h8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3 style=\"color: var(--atxa-peach-glow);\"\u003eالهيالورونيك الثلاثي\u003c\/h3\u003e\n \u003cp\u003eليس نوعاً واحداً... بل \u003cstrong\u003e3 أنواع مختلفة\u003c\/strong\u003e بأوزان جزيئية متنوعة لتصل لكل طبقات البشرة:\u003c\/p\u003e\n \u003cul class=\"atxa-list\"\u003e\n \u003cli\u003eالسطحي: يرطب فوراً\u003c\/li\u003e\n \u003cli\u003eالأوسط: يحبس الماء بالداخل\u003c\/li\u003e\n \u003cli\u003eالعميق: يرفع مستوى الترطيب من الجذور\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"atxa-card atxa-reveal\"\u003e\n \u003cdiv class=\"atxa-icon\"\u003e\n \u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3 style=\"color: var(--atxa-peach-glow);\"\u003eمركب الخوخ والزبادي الحيوي\u003c\/h3\u003e\n \u003cp\u003eللمرة الأولى في العالم، تم دمج خلاصة الخوخ مع بكتيريا الزبادي النافعة في تقنية حيوية فريدة. النتيجة؟ \u003cstrong\u003eمركب يقضي على الخلايا الميتة\u003c\/strong\u003e بلطف ودون تهيج.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 5. Scientific Miracle --\u003e\n \u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eالمعجزة العلمية التي يخبئونها عنك\u003c\/h2\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_5.webp?v=1747140899\" alt=\"Scientific Miracle\" class=\"atxa-reveal\" style=\"margin: 0 auto 30px;\"\u003e\n \n \u003cdiv class=\"atxa-glass-box atxa-reveal\" style=\"padding: 25px; text-align: center;\"\u003e\n \u003cp style=\"color: #fff; font-size: 1.2rem; margin-bottom: 10px;\"\u003e\n الجميع سيسألك: \u003cstrong\u003e\"ماذا تفعلين لبشرتك؟\"\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003cp style=\"color: var(--atxa-text-muted); line-height: 1.8;\"\u003e\n السر يكمن في تكنولوجيا \"الاختراق الذكي\" التي تميز هذا السيروم. المكونات مغلفة بجزيئات دقيقة (نانو تكنولوجي) لتوصيل المواد الفعالة للمناطق التي تحتاجها في العمق، وليس فقط البقاء على السطح كالمنتجات العادية.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- 6. Timeline Results --\u003e\n \u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eرحلة تحول بشرتك مع سيروم Anua\u003c\/h2\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_2.webp?v=1747140895\" alt=\"Skin Transformation\" class=\"atxa-reveal\" style=\"margin: 0 auto 40px;\"\u003e\n \n \u003cdiv class=\"atxa-glass-box atxa-reveal\" style=\"padding: 20px;\"\u003e\n \u003cul class=\"atxa-timeline-list\"\u003e\n \u003cli class=\"atxa-timeline-item\"\u003e\n \u003cdiv class=\"atxa-phase-badge\"\u003eبعد الاستخدام الأول\u003c\/div\u003e\n \u003cdiv\u003eلمعان فوري ونعومة ملحوظة، كأنكِ قمتِ بجلسة ماسك باهظة الثمن في عيادة تجميل.\u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"atxa-timeline-item\"\u003e\n \u003cdiv class=\"atxa-phase-badge\"\u003eبعد 3 أيام\u003c\/div\u003e\n \u003cdiv\u003eانكماش واضح في حجم المسام، وبداية ملحوظة في توحيد لون البشرة وتقليل الاحمرار.\u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"atxa-timeline-item\"\u003e\n \u003cdiv class=\"atxa-phase-badge\"\u003eبعد أسبوع\u003c\/div\u003e\n \u003cdiv\u003eاختفاء الخشونة والملمس المتعب، لتصبح البشرة أنعم بنسبة 40% وجاهزة لمكياج مثالي.\u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"atxa-timeline-item\"\u003e\n \u003cdiv class=\"atxa-phase-badge\"\u003eبعد أسبوعين\u003c\/div\u003e\n \u003cdiv\u003eتفتيح البقع الداكنة بشكل ملحوظ، وإشراقة متجددة كأن بشرتكِ عادت 5 سنوات للوراء.\u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"atxa-timeline-item\"\u003e\n \u003cdiv class=\"atxa-phase-badge\"\u003eبعد شهر\u003c\/div\u003e\n \u003cdiv\u003eتحول كامل - بشرة زجاجية نقية، صافية، ومتوهجة حتى بدون استخدام نقطة مكياج واحدة.\u003c\/div\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003c!-- 7. Why Choose Anua --\u003e\n \u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eفي عالم مليء بالمنتجات... لماذا Anua بالتحديد؟\u003c\/h2\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/qXFYxnaNUR28pIwzePQs50YSmVPBLdE7.jpg?v=1747141341\" alt=\"Why Choose Anua\" class=\"atxa-reveal\" style=\"margin: 0 auto 40px;\"\u003e\n \n \u003cdiv class=\"atxa-grid atxa-reveal\"\u003e\n \u003cdiv class=\"atxa-card\" style=\"text-align: center; border-color: var(--atxa-rose-gold);\"\u003e\n \u003ch3 style=\"color: #fff;\"\u003eتركيبة مثبتة علمياً\u003c\/h3\u003e\n \u003cp\u003eاختبارات إكلينيكية صارمة أثبتت النتائج المذهلة على مئات المتطوعين حول العالم.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atxa-card\" style=\"text-align: center; border-color: var(--atxa-rose-gold);\"\u003e\n \u003ch3 style=\"color: #fff;\"\u003eقوة التركيز العالي\u003c\/h3\u003e\n \u003cp\u003eيقدم تركيزات أعلى من المكونات الفعالة بـ 3 مرات مقارنة بالمنافسين التقليديين.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atxa-card\" style=\"text-align: center; border-color: var(--atxa-rose-gold);\"\u003e\n \u003ch3 style=\"color: #fff;\"\u003eآمن لكل أنواع البشرة\u003c\/h3\u003e\n \u003cp\u003eمصمم ليكون لطيفاً حتى على البشرة الحساسة، المختلطة، والدهنية بدون التسبب في أي تهيج.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 8. Skin Type Table --\u003e\n \u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eهل يناسب نوع بشرتك؟\u003c\/h2\u003e\n \u003cdiv class=\"atxa-table-container atxa-reveal\"\u003e\n \u003ctable class=\"atxa-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eنوع البشرة\u003c\/th\u003e\n \u003cth\u003eالمشكلة الأساسية\u003c\/th\u003e\n \u003cth style=\"background: rgba(252, 163, 141, 0.15); color: #fff;\"\u003eماذا سيقدم لها Anua؟\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003e\u003cstrong\u003eالمرهقة دائماً\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003eباهتة وتفتقر للإشراق\u003c\/td\u003e\n \u003ctd class=\"highlight\"\u003eيوقظ الخلايا، ويمنح إشراقة وتوهجاً فورياً (Glow)\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\u003cstrong\u003eالحساسة جداً\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003eتتهيج وتحمر من أي منتج\u003c\/td\u003e\n \u003ctd class=\"highlight\"\u003eيهدئ الالتهاب فوراً ويقوي حاجز الحماية\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\u003cstrong\u003eالدهنية اللامعة\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003eمسام واسعة ولمعان مزعج\u003c\/td\u003e\n \u003ctd class=\"highlight\"\u003eيتحكم بالدهون ويقلص حجم المسام بفعالية 68%\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\u003cstrong\u003eالمتقدمة في العمر\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003eخطوط رفيعة وتصبغات\u003c\/td\u003e\n \u003ctd class=\"highlight\"\u003eيفتح البقع الداكنة ويحسن مرونة الجلد\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\u003cstrong\u003eالمختلطة (المحيرة)\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003eجافة في مناطق ودهنية في أخرى\u003c\/td\u003e\n \u003ctd class=\"highlight\"\u003eيوازن البشرة بذكاء ويرطب بعمق بدون لزوجة\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003c!-- 9. Final CTA --\u003e\n \u003cdiv class=\"atxa-reveal\" style=\"text-align: center; margin-top: 60px; padding: 40px 20px; background: linear-gradient(180deg, transparent, rgba(226, 149, 135, 0.15)); border-radius: 20px; border: 1px solid var(--atxa-border);\"\u003e\n \u003ch2 class=\"atxa-title-glow\" style=\"font-size: clamp(22px, 4vw, 32px);\"\u003e\"كل استثمار له عائد... والاستثمار في بشرتك هو الأعلى عائداً\"\u003c\/h2\u003e\n \n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_1.jpg?v=1747140897\" alt=\"Anua Peach Serum\" style=\"margin: 30px auto; border-radius: 16px; box-shadow: 0 15px 40px rgba(0,0,0,0.6); max-width: 600px;\"\u003e\n \n \u003cp style=\"font-size: 1.15rem; color: #fff; max-width: 750px; margin: 0 auto 20px; line-height: 1.8;\"\u003e\n لا تعامل بشرتك كآخر أولوياتك، فهي أول ما يراه الناس فيك.\n \u003c\/p\u003e\n \u003cp style=\"color: var(--atxa-peach-glow); font-size: 1.5rem; font-weight: bold; margin-bottom: 20px; text-shadow: 0 0 15px var(--atxa-glow);\"\u003e\n سيروم Anua بالخوخ والنياسيناميد 70% - لأن بشرتك تستحق الأفضل. اطلبه الآن!\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cscript\u003e\n document.addEventListener(\"DOMContentLoaded\", function() {\n var reveals = document.querySelectorAll('.atxa-reveal');\n var revealObserver = new IntersectionObserver(function(entries, observer) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('atxa-active');\n observer.unobserve(entry.target); \n }\n });\n }, {\n root: null,\n threshold: 0.1,\n rootMargin: \"0px 0px -50px 0px\"\n });\n\n reveals.forEach(function(reveal) {\n reveal.classList.remove('atxa-active');\n revealObserver.observe(reveal);\n });\n\n \/\/ Ambient Particles Generator\n var ambientContainer = document.getElementById('atxa-particles');\n var particleCount = 20; \n \n for (var i = 0; i \u003c particleCount; i++) {\n var particle = document.createElement('div');\n particle.classList.add('atxa-particle');\n \n var size = Math.random() * 50 + 20; \n var left = Math.random() * 100; \n var duration = Math.random() * 15 + 12; \n var delay = Math.random() * 8; \n \n particle.style.width = size + 'px';\n particle.style.height = size + 'px';\n particle.style.left = left + '%';\n particle.style.animationDuration = duration + 's';\n particle.style.animationDelay = delay + 's';\n \n ambientContainer.appendChild(particle);\n }\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Anua","offers":[{"title":"Default Title","offer_id":46999397728430,"sku":null,"price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Peach70NiacinSerum_30ml_AMZ_2000x2000_thumb_fa77cea2-3e78-4653-a242-b5ef3c8f4cb3.webp?v=1788175356"},{"product_id":"beauty-of-joseon-glow-deep-serum","title":"Beauty of Joseon سيروم التوهج العميق بالأرز و الألفا-أربوتين لتفتيح البشرة.","description":"\u003cdiv class=\"joseon-product-container\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"joseon-hero\"\u003e\n \u003cdiv class=\"hero-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_2.webp?v=1747571948\" alt=\"Beauty of Joseon Glow Deep Serum\" class=\"product-image\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003ch1 class=\"accent-text\"\u003eسيروم Beauty of Joseon العميق: عندما يلتقي تراث الأجداد بعلم المستقبل\u003c\/h1\u003e\n \u003cp class=\"hero-description\"\u003eفي قلب هذا السيروم المعجزة، تم الجمع بين سر جمال الإمبراطورات الكوريات (\u003cstrong\u003e68% ماء نخالة الأرز\u003c\/strong\u003e) مع أقوى مكون علمي حديث لتفتيح البشرة (\u003cstrong\u003e2% ألفا أربوتين\u003c\/strong\u003e).\u003c\/p\u003e\n \u003cp class=\"hero-conclusion\"\u003e\u003cstrong\u003eالنتيجة؟ ثورة حقيقية\u003c\/strong\u003e في عالم تفتيح البشرة وتوحيد لونها بطريقة آمنة، فعالة، وسريعة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Traditional Wisdom Section --\u003e\n \u003cdiv class=\"section tradition-section\"\u003e\n \u003cdiv class=\"section-image right-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_1.webp?v=1747571949\" alt=\"Traditional Korean Beauty Secret\" class=\"section-img\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"section-content\"\u003e\n \u003ch2 class=\"section-title accent-text\"\u003eكنز كوري قديم بتكنولوجيا عصرية\u003c\/h2\u003e\n \u003cp\u003eمن عصر سلالة جوسيون الكورية العريقة، وصلنا سر جمال الإمبراطورات الكوريات اللي كانوا بيستخدموا ماء نخالة الأرز كـ \"ماء الجمال\" لبشرة مشرقة خالية من العيوب.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Product Introduction --\u003e\n \u003cdiv class=\"section product-intro\"\u003e\n \u003cdiv class=\"intro-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum.webp?v=1747572064\" alt=\"Beauty of Joseon Glow Deep Serum\" class=\"full-width-img\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"intro-content\"\u003e\n \u003ch2 class=\"intro-title accent-text\"\u003eسيروم جلو ديب من بيوتي أوف جوسيون: علم تفتيح البشرة بأنقى صوره\u003c\/h2\u003e\n \u003cp\u003eيجمع هذا السيروم بين قوة تراث كوري عمره مئات السنين وأحدث اكتشافات علم العناية بالبشرة في تركيبة فريدة تحتوي على:\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Ingredients Section --\u003e\n \u003cdiv class=\"section ingredients-section\"\u003e\n \u003ch2 class=\"section-title accent-text\"\u003eمكونات فائقة القوة والفعالية:\u003c\/h2\u003e\n \n \u003cdiv class=\"ingredients-container\"\u003e\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"ingredient-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_6.webp?v=1747571949\" alt=\"Rice Water\" class=\"ingredient-img\"\u003e\n \u003cdiv class=\"rice-animation\"\u003e\n \u003cdiv class=\"rice-grain grain1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rice-grain grain2\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rice-grain grain3\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rice-grain grain4\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ingredient-content\"\u003e\n \u003ch3 class=\"ingredient-title accent-text\"\u003eماء نخالة الأرز بتركيز \u003cspan class=\"counter\" data-target=\"68\"\u003e0\u003c\/span\u003e%\u003c\/h3\u003e\n \u003cp\u003eليس مجرد مكون ترطيب عادي... بل كنز غذائي للبشرة:\u003c\/p\u003e\n \u003cul class=\"benefits-list\"\u003e\n \u003cli\u003eغني بالأحماض الأمينية الأساسية لبناء خلايا جديدة\u003c\/li\u003e\n \u003cli\u003eمليء بالمعادن اللي بتنشط الدورة الدموية وبتدي إشراقة طبيعية\u003c\/li\u003e\n \u003cli\u003eيحتوي على إنزيمات طبيعية بتقشر البشرة برفق وتجدد خلاياها\u003c\/li\u003e\n \u003cli\u003eمعروف تاريخياً بقدرته على تفتيح البشرة وتوحيد لونها بطريقة آمنة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"ingredient-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_7.webp?v=1747571949\" alt=\"Alpha Arbutin\" class=\"ingredient-img\"\u003e\n \u003cdiv class=\"arbutin-animation\"\u003e\n \u003cdiv class=\"molecule molecule1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"molecule molecule2\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"molecule molecule3\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ingredient-content\"\u003e\n \u003ch3 class=\"ingredient-title accent-text\"\u003eألفا-أربوتين بتركيز \u003cspan class=\"counter\" data-target=\"2\"\u003e0\u003c\/span\u003e% (النسبة المثالية علمياً)\u003c\/h3\u003e\n \u003cp\u003eمكون ياباني متطور يتفوق على كل مبيضات البشرة التقليدية:\u003c\/p\u003e\n \u003cul class=\"benefits-list\"\u003e\n \u003cli\u003eأقوى بـ \u003cspan class=\"counter\" data-target=\"10\"\u003e0\u003c\/span\u003e مرات من البيتا-أربوتين المستخدم في معظم المنتجات\u003c\/li\u003e\n \u003cli\u003eيثبط إنزيم التيروزيناز المسؤول عن إنتاج الميلانين بطريقة آمنة\u003c\/li\u003e\n \u003cli\u003eيستهدف البقع الداكنة من جذورها بدون تهيج البشرة\u003c\/li\u003e\n \u003cli\u003eيمنع ظهور تصبغات جديدة مع الاستخدام المنتظم\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Features Section --\u003e\n \u003cdiv class=\"section features-section\"\u003e\n \u003cdiv class=\"features-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_3.webp?v=1747571949\" alt=\"Product Features\" class=\"full-width-img\"\u003e\n \u003c\/div\u003e\n \n \u003ch2 class=\"section-title accent-text\"\u003eميزات فريدة تجعله رقم واحد في تفتيح البشرة:\u003c\/h2\u003e\n \n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e\n \u003cdiv class=\"droplet-animation\"\u003e\n \u003cdiv class=\"droplet\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-content\"\u003e\n \u003ch3 class=\"feature-title accent-text\"\u003eتركيبة خفيفة سريعة الامتصاص\u003c\/h3\u003e\n \u003cp\u003eعلى عكس منتجات التفتيح الدهنية والثقيلة، سيروم جلو ديب:\u003c\/p\u003e\n \u003cul class=\"check-list\"\u003e\n \u003cli\u003eيتغلغل للطبقات العميقة من البشرة فوراً\u003c\/li\u003e\n \u003cli\u003eلا يترك أي آثار دهنية أو لمعان\u003c\/li\u003e\n \u003cli\u003eمناسب لجميع أنواع البشرة (حتى الدهنية والمختلطة)\u003c\/li\u003e\n \u003cli\u003eيمكن استخدامه قبل المكياج مباشرة بدون مشاكل\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e\n \u003cdiv class=\"results-animation\"\u003e\n \u003cdiv class=\"chart-bar bar1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"chart-bar bar2\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"chart-bar bar3\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-content\"\u003e\n \u003ch3 class=\"feature-title accent-text\"\u003eنتائج مُثبتة علمياً\u003c\/h3\u003e\n \u003cul class=\"check-list\"\u003e\n \u003cli\u003eتفتيح البقع الداكنة بنسبة تصل إلى \u003cspan class=\"counter\" data-target=\"43\"\u003e0\u003c\/span\u003e% خلال 4 أسابيع\u003c\/li\u003e\n \u003cli\u003eتوحيد لون البشرة وتقليل الاختلافات اللونية\u003c\/li\u003e\n \u003cli\u003eزيادة إشراقة البشرة ونضارتها\u003c\/li\u003e\n \u003cli\u003eتحسين صحة البشرة العامة وقوة حاجز حمايتها\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Timeline Section --\u003e\n \u003cdiv class=\"section timeline-section\"\u003e\n \u003ch2 class=\"section-title accent-text\"\u003eرحلة التحول مع سيروم جلو ديب:\u003c\/h2\u003e\n \n \u003cdiv class=\"timeline-table-container\"\u003e\n \u003ctable class=\"timeline-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eالمرحلة\u003c\/th\u003e\n \u003cth\u003eالنتيجة المتوقعة\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr class=\"timeline-row\"\u003e\n \u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eالأسبوع الأول\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd class=\"timeline-result\"\u003eترطيب عميق، نعومة ملحوظة، إشراقة أولية\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr class=\"timeline-row\"\u003e\n \u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eالأسبوع الثاني\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd class=\"timeline-result\"\u003eبداية تفتيح البقع القديمة، توحيد تدريجي للون\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr class=\"timeline-row\"\u003e\n \u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eالأسبوع الرابع\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd class=\"timeline-result\"\u003eتحسن واضح في البقع وتوحيد اللون، بشرة أكثر صحة\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr class=\"timeline-row\"\u003e\n \u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eالشهر الثاني\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd class=\"timeline-result\"\u003eتحول كامل - بشرة مشرقة، موحدة اللون وصحية\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Usage Instructions --\u003e\n \u003cdiv class=\"section usage-section\"\u003e\n \u003cdiv class=\"usage-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_4.webp?v=1747571949\" alt=\"How to Use\" class=\"full-width-img\"\u003e\n \u003c\/div\u003e\n \n \u003ch2 class=\"section-title accent-text\"\u003eطريقة الاستخدام المثالية:\u003c\/h2\u003e\n \n \u003cdiv class=\"steps-container\"\u003e\n \u003cdiv class=\"step-card\"\u003e\n \u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"step-content\"\u003eضعي 2-3 قطرات على بشرة نظيفة ومرطبة\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step-card\"\u003e\n \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"step-content\"\u003eدلكي برفق بحركات دائرية من المركز للخارج\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step-card\"\u003e\n \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"step-content\"\u003eاستخدميه صباحاً ومساءً للحصول على أفضل النتائج\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step-card\"\u003e\n \u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"step-content\"\u003eتأكدي من استخدام واقي الشمس نهاراً للحفاظ على النتائج\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Final CTA --\u003e\n \u003cdiv class=\"joseon-cta\"\u003e\n \u003ch2 class=\"cta-heading accent-text\"\u003e\"إشراقة بشرتك الحقيقية موجودة... بس محتاجة المفتاح الصحيح\"\u003c\/h2\u003e\n \u003cp class=\"cta-text\"\u003eتاريخ كوريا العريق + علم ياباني متطور = بشرة مثالية موحدة اللون.\u003c\/p\u003e\n \u003cp class=\"cta-conclusion\"\u003eسيروم جلو ديب من بيوتي أوف جوسيون - \u003cstrong\u003eلأن بشرتك تستحق أن تشرق بلونها الطبيعي الموحد.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cbutton class=\"cta-button\"\u003eاطلبي الآن\u003c\/button\u003e\n \u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* Base Styles *\/\n.joseon-product-container {\n\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n color: #333;\n direction: rtl;\n background-color: #fafafa;\n}\n\n.accent-text {\n color: #9C8102;\n}\n\n\/* Hero Section *\/\n.joseon-hero {\n display: flex;\n flex-direction: row;\n align-items: center;\n margin-bottom: 60px;\n gap: 30px;\n}\n\n.hero-image {\n flex: 1;\n}\n\n.hero-content {\n flex: 1;\n}\n\n.hero-content h1 {\n font-size: 2.2rem;\n margin-bottom: 20px;\n line-height: 1.3;\n}\n\n.hero-description {\n font-size: 1.1rem;\n margin-bottom: 15px;\n line-height: 1.6;\n}\n\n.hero-conclusion {\n font-size: 1.2rem;\n margin-top: 20px;\n}\n\n.product-image {\n max-width: 100%;\n height: auto;\n border-radius: 10px;\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);\n transition: transform 0.5s ease, box-shadow 0.5s ease;\n}\n\n.product-image:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n}\n\n\/* Section Styles *\/\n.section {\n margin-bottom: 70px;\n padding: 30px;\n background-color: #fff;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n}\n\n.section:after {\n content: '';\n position: absolute;\n bottom: 0;\n right: 0;\n width: 100px;\n height: 100px;\n background-color: rgba(156, 129, 2, 0.03);\n border-radius: 50%;\n z-index: 1;\n}\n\n.section-title {\n font-size: 1.8rem;\n margin-bottom: 25px;\n position: relative;\n display: inline-block;\n}\n\n.section-title:after {\n content: '';\n position: absolute;\n bottom: -10px;\n right: 0;\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n}\n\n.tradition-section {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n gap: 30px;\n}\n\n.section-image {\n flex: 1;\n}\n\n.section-content {\n flex: 1;\n}\n\n.right-image {\n order: 2;\n}\n\n.section-img, .full-width-img {\n max-width: 100%;\n height: auto;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n transition: transform 0.3s ease;\n}\n\n.section-img:hover, .full-width-img:hover {\n transform: scale(1.02);\n}\n\n.intro-image {\n margin-bottom: 20px;\n}\n\n.intro-title {\n text-align: center;\n margin-bottom: 20px;\n}\n\n\/* Ingredients Section *\/\n.ingredients-container {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));\n gap: 30px;\n margin-top: 40px;\n}\n\n.ingredient-card {\n display: flex;\n background-color: #f9f9f9;\n border-radius: 15px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n overflow: hidden;\n position: relative;\n}\n\n.ingredient-card:hover {\n transform: translateY(-7px);\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);\n}\n\n.ingredient-image {\n flex: 1;\n margin-left: 20px;\n position: relative;\n}\n\n.ingredient-img {\n width: 100%;\n border-radius: 10px;\n position: relative;\n z-index: 2;\n}\n\n.ingredient-content {\n flex: 2;\n text-align: right;\n width: 100%;\n}\n\n.ingredient-title {\n font-size: 1.4rem;\n margin-bottom: 15px;\n text-align: right;\n width: 100%;\n}\n\n.benefits-list {\n list-style-type: none;\n padding: 0;\n margin: 15px 0 0 0;\n width: 100%;\n display: block;\n text-align: right;\n}\n\n.benefits-list li {\n padding: 12px 0;\n position: relative;\n padding-right: 40px;\n margin-bottom: 10px;\n width: 100%;\n box-sizing: border-box;\n text-align: right;\n display: block;\n}\n\n.benefits-list li:before {\n content: '•';\n color: #9C8102;\n position: absolute;\n right: 10px;\n top: 12px;\n font-size: 20px;\n}\n\n\/* Rice Animation *\/\n.rice-animation {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n opacity: 0.3;\n}\n\n.rice-grain {\n position: absolute;\n width: 15px;\n height: 8px;\n background-color: #fff;\n border-radius: 50%;\n box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);\n opacity: 0;\n animation: float 3s infinite;\n}\n\n.grain1 {\n top: 20%;\n left: 20%;\n animation-delay: 0s;\n}\n\n.grain2 {\n top: 30%;\n left: 60%;\n animation-delay: 0.5s;\n}\n\n.grain3 {\n top: 50%;\n left: 40%;\n animation-delay: 1s;\n}\n\n.grain4 {\n top: 70%;\n left: 70%;\n animation-delay: 1.5s;\n}\n\n@keyframes float {\n 0% { transform: translateY(0); opacity: 0; }\n 50% { opacity: 1; }\n 100% { transform: translateY(-20px); opacity: 0; }\n}\n\n\/* Arbutin Animation *\/\n.arbutin-animation {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n opacity: 0.3;\n}\n\n.molecule {\n position: absolute;\n width: 10px;\n height: 10px;\n background-color: #9C8102;\n border-radius: 50%;\n opacity: 0;\n animation: pulse 3s infinite;\n}\n\n.molecule1 {\n top: 30%;\n left: 30%;\n animation-delay: 0s;\n}\n\n.molecule2 {\n top: 50%;\n left: 50%;\n animation-delay: 1s;\n}\n\n.molecule3 {\n top: 70%;\n left: 20%;\n animation-delay: 2s;\n}\n\n@keyframes pulse {\n 0% { transform: scale(1); opacity: 0; }\n 50% { transform: scale(1.5); opacity: 1; }\n 100% { transform: scale(1); opacity: 0; }\n}\n\n\/* Features Section *\/\n.features-image {\n margin-bottom: 30px;\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));\n gap: 30px;\n margin-top: 40px;\n width: 100%;\n}\n\n.features-section,\n.ingredients-section {\n width: 100%;\n box-sizing: border-box;\n}\n\n.feature-card {\n display: flex;\n background-color: #f9f9f9;\n border-radius: 15px;\n padding: 25px 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n width: 100%;\n box-sizing: border-box;\n align-items: flex-start;\n text-align: right;\n}\n\n.feature-icon {\n width: 50px;\n height: 50px;\n margin-left: 20px;\n position: relative;\n flex-shrink: 0;\n}\n\n.feature-content {\n flex: 1;\n width: 100%;\n text-align: right;\n padding-right: 0;\n}\n\n.feature-title {\n font-size: 1.3rem;\n margin-bottom: 15px;\n text-align: right;\n width: 100%;\n}\n\n.check-list {\n list-style-type: none;\n padding: 0;\n width: 100%;\n display: block;\n text-align: right;\n margin: 0;\n}\n\n.check-list li {\n padding: 12px 0;\n position: relative;\n padding-right: 40px;\n margin-bottom: 10px;\n width: 100%;\n box-sizing: border-box;\n text-align: right;\n display: block;\n}\n\n.check-list li:before {\n content: '✓';\n color: #9C8102;\n position: absolute;\n right: 10px;\n top: 12px;\n font-weight: bold;\n font-size: 16px;\n}\n\n\/* Droplet Animation *\/\n.droplet-animation {\n position: relative;\n width: 60px;\n height: 60px;\n}\n\n.droplet {\n position: absolute;\n top: 0;\n left: 20px;\n width: 20px;\n height: 20px;\n background-color: #9C8102;\n border-radius: 50% 50% 50% 0;\n transform: rotate(-45deg);\n opacity: 0.7;\n animation: drip 2.5s infinite;\n}\n\n@keyframes drip {\n 0% { top: 0; opacity: 0.7; }\n 80% { top: 30px; opacity: 0.7; transform: rotate(-45deg) scale(1); }\n 100% { top: 30px; opacity: 0; transform: rotate(-45deg) scale(1.5); }\n}\n\n\/* Results Animation *\/\n.results-animation {\n position: relative;\n width: 60px;\n height: 60px;\n}\n\n.chart-bar {\n position: absolute;\n bottom: 0;\n width: 10px;\n background-color: #9C8102;\n border-radius: 5px 5px 0 0;\n opacity: 0.7;\n animation: grow 2.5s infinite;\n}\n\n.bar1 {\n height: 20px;\n left: 5px;\n animation-delay: 0s;\n}\n\n.bar2 {\n height: 30px;\n left: 25px;\n animation-delay: 0.5s;\n}\n\n.bar3 {\n height: 40px;\n left: 45px;\n animation-delay: 1s;\n}\n\n@keyframes grow {\n 0% { height: 0; opacity: 0.5; }\n 60% { height: 100%; opacity: 0.7; }\n 100% { height: 100%; opacity: 0.5; }\n}\n\n\/* Counter Style *\/\n.counter {\n color: #9C8102;\n font-weight: bold;\n display: inline-block;\n min-width: 2rem;\n text-align: center;\n}\n\n\/* Timeline Section *\/\n.timeline-table-container {\n overflow-x: auto;\n margin: 30px 0;\n}\n\n.timeline-table {\n width: 100%;\n border-collapse: collapse;\n background-color: #fff;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.timeline-table th {\n background-color: #9C8102;\n color: white;\n text-align: right;\n padding: 15px;\n font-weight: 600;\n}\n\n.timeline-table td {\n padding: 15px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.timeline-row {\n transition: background-color 0.3s ease, transform 0.3s ease;\n}\n\n.timeline-row:hover {\n background-color: #f5f5f5;\n transform: translateX(-5px);\n}\n\n.timeline-phase {\n width: 150px;\n font-weight: bold;\n}\n\n\/* Usage Instructions *\/\n.usage-image {\n margin-bottom: 30px;\n}\n\n.steps-container {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n gap: 20px;\n margin-top: 30px;\n}\n\n.step-card {\n display: flex;\n align-items: center;\n background-color: #f9f9f9;\n border-radius: 15px;\n padding: 20px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease;\n}\n\n.step-card:hover {\n transform: translateY(-5px);\n}\n\n.step-number {\n width: 40px;\n height: 40px;\n background-color: #9C8102;\n color: white;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 1.2rem;\n font-weight: bold;\n margin-left: 15px;\n flex-shrink: 0;\n}\n\n.step-content {\n flex: 1;\n font-size: 1rem;\n}\n\n\/* CTA Section *\/\n.joseon-cta {\n text-align: center;\n padding: 50px 40px;\n background-color: #f9f9f9;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n margin-top: 50px;\n position: relative;\n overflow: hidden;\n}\n\n.joseon-cta:before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 5px;\n background: linear-gradient(to left, #9C8102, transparent);\n}\n\n.cta-heading {\n font-size: 2rem;\n margin-bottom: 20px;\n}\n\n.cta-text {\n font-size: 1.3rem;\n margin-bottom: 15px;\n}\n\n.cta-conclusion {\n font-size: 1.2rem;\n margin-bottom: 30px;\n}\n\n.cta-button {\n padding: 15px 40px;\n background-color: #9C8102;\n color: white;\n border: none;\n border-radius: 50px;\n font-size: 1.2rem;\n cursor: pointer;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n}\n\n\/* Responsive Adjustments *\/\n@media (max-width: 768px) {\n .joseon-hero, .tradition-section {\n flex-direction: column;\n }\n \n .ingredients-container, .features-grid {\n grid-template-columns: 1fr;\n }\n \n .ingredient-card {\n flex-direction: column;\n width: 100%;\n box-sizing: border-box;\n text-align: right;\n }\n \n .ingredient-image {\n margin-left: 0;\n margin-bottom: 20px;\n }\n \n .right-image {\n order: 1;\n }\n \n .feature-card, \n .ingredient-card,\n .step-card {\n width: 100%;\n box-sizing: border-box;\n padding: 20px 15px;\n }\n \n .steps-container {\n grid-template-columns: 1fr;\n }\n \n .feature-content,\n .ingredient-content {\n width: 100%;\n text-align: right;\n }\n \n .check-list li,\n .benefits-list li {\n width: 100%;\n box-sizing: border-box;\n padding-right: 40px;\n text-align: right;\n }\n \n .check-list li:before,\n .benefits-list li:before {\n right: 10px;\n }\n \n .section {\n padding: 20px 15px;\n }\n \n .feature-title, \n .ingredient-title {\n width: 100%;\n text-align: right;\n }\n \n .ingredient-content {\n padding-right: 0;\n }\n}\n\n\/* Animation Classes *\/\n.fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.fade-in.active {\n opacity: 1;\n transform: translateY(0);\n}\n\n\/* Add animation delays for staggered effect *\/\n.fade-in:nth-child(2) { transition-delay: 0.2s; }\n.fade-in:nth-child(3) { transition-delay: 0.4s; }\n.fade-in:nth-child(4) { transition-delay: 0.6s; }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n\/\/ Start animations when page loads\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ Start all counters immediately\n startAllCounters();\n \n \/\/ Setup the scroll animation for other elements\n setupScrollAnimations();\n \n \/\/ Add button animation\n setupButtonAnimation();\n});\n\nfunction startAllCounters() {\n const counters = document.querySelectorAll('.counter');\n \n counters.forEach(counter =\u003e {\n const target = parseInt(counter.getAttribute('data-target'));\n let current = 0;\n const increment = Math.max(1, Math.floor(target \/ 40)); \/\/ Ensure minimum step of 1\n \n \/\/ Immediately visible animation\n const timer = setInterval(() =\u003e {\n current += increment;\n \n \/\/ Make sure we don't go over the target\n if (current \u003e= target) {\n current = target;\n clearInterval(timer);\n }\n \n \/\/ Update the counter text\n counter.textContent = current;\n }, 30); \/\/ Speed of animation - lower number = faster\n });\n}\n\nfunction setupScrollAnimations() {\n \/\/ Add fade-in class to elements we want to animate\n const elementsToAnimate = [\n ...document.querySelectorAll('.ingredient-card'),\n ...document.querySelectorAll('.feature-card'),\n ...document.querySelectorAll('.step-card'),\n ...document.querySelectorAll('.timeline-row'),\n document.querySelector('.joseon-cta'),\n ...document.querySelectorAll('.section-title')\n ];\n \n elementsToAnimate.forEach(element =\u003e {\n if (element) element.classList.add('fade-in');\n });\n \n \/\/ Initial check for elements in viewport\n handleScrollAnimations();\n \n \/\/ Listen for scroll events\n window.addEventListener('scroll', handleScrollAnimations);\n}\n\nfunction handleScrollAnimations() {\n \/\/ Animate fade-in elements\n document.querySelectorAll('.fade-in').forEach(element =\u003e {\n if (isInViewport(element)) {\n element.classList.add('active');\n }\n });\n}\n\nfunction isInViewport(element) {\n const rect = element.getBoundingClientRect();\n \/\/ Consider element in viewport even if only partially visible\n return (\n rect.top \u003c (window.innerHeight || document.documentElement.clientHeight) + 100 \u0026\u0026\n rect.bottom \u003e -100\n );\n}\n\nfunction setupButtonAnimation() {\n \/\/ Add click event to CTA button\n const ctaButton = document.querySelector('.cta-button');\n if (ctaButton) {\n ctaButton.addEventListener('click', function(e) {\n e.preventDefault();\n this.textContent = 'تمت الإضافة إلى السلة!';\n setTimeout(() =\u003e {\n this.textContent = 'اطلبي الآن';\n }, 2000);\n });\n }\n}\n\u003c\/script\u003e\n\u003c\/div\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":46999398285486,"sku":null,"price":19.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/BeautyofjoseonGlowDeepSerumRice_Alpha-ArbutinBrighteningSerum_1.jpg?v=1788175353"},{"product_id":"see-lit-see-lit-hyaluronic-acid-vitamin-b-plumping-face-serum-30ml","title":"SEE-LIT See Lit Hyaluronic Acid \u0026 Vitamin B Plumping Face Serum 30ml","description":"\u003cstyle\u003e#dx{--bg:#04090b;--bg2:#0a1a20;--c:#5fd3e8;--c2:#c4f1f8;--glass:rgba(255,255,255,.05);--bd:#5fd3e855;--txt:#fff;--mut:#e3e3e3;position:relative;border-radius:28px;background:var(--bg);color:var(--txt);font-family:'Tajawal','Cairo',sans-serif;line-height:1.85;overflow:hidden;direction:rtl;text-align:start;font-size:17px}#dx *{box-sizing:border-box}#dx .sec{padding:56px 0}#dx .sec.a{background:var(--bg)}#dx .sec.b{background:linear-gradient(180deg,var(--bg2),var(--bg));border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}#dx .wrap{max-width:900px;margin:auto;padding:0 22px}#dx .c{text-align:center}#dx .badge{display:inline-block;padding:7px 22px;border-radius:30px;border:1px solid var(--c2);color:var(--c2);font-weight:700;font-size:14px;margin-bottom:20px;background:#5fd3e81a}#dx h1{font-size:clamp(27px,5vw,41px);line-height:1.4;font-weight:900;margin:0 0 18px}#dx .hl{color:var(--c);font-weight:900}#dx h2{font-size:clamp(22px,4vw,30px);line-height:1.5;font-weight:900;margin:0 0 14px;display:flex;align-items:center;gap:14px}#dx h2:before{content:\"\";flex:0 0 6px;height:30px;background:var(--c);border-radius:4px}#dx h2.cc{justify-content:center;text-align:center}#dx h2.cc:before{display:none}#dx h3{font-size:19px;margin:0 0 6px;font-weight:900;color:var(--c)}#dx p{margin:0 0 12px;color:var(--mut)}#dx .lead{max-width:740px;margin:0 auto 24px;font-size:18px}#dx .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 28px}#dx .chips span{border:1px solid var(--bd);background:var(--glass);padding:6px 16px;border-radius:30px;font-size:14px}#dx .hero{background:radial-gradient(circle at 50% 0,#5fd3e833,transparent 62%),var(--bg);padding-top:58px;text-align:center}#dx .pimg{display:block;width:100%;max-width:340px;height:auto;margin:0 auto;border-radius:22px;border:1px solid var(--bd);box-shadow:0 0 70px #5fd3e844}#dx .pimg.sq{max-width:420px}#dx .big3{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin:10px 0}#dx .big3 div{padding:22px 12px;border:1.5px solid var(--c);border-radius:18px;background:#5fd3e814;text-align:center}#dx .big3 b{display:block;font-size:42px;line-height:1.1;color:var(--c2);font-weight:900}#dx .big3 span{color:#fff;font-weight:700;font-size:15px}#dx .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}#dx .card{background:linear-gradient(145deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}#dx .card p{margin:0;font-size:16px;color:#fff}#dx .glass{background:var(--glass);border:1px solid var(--bd);border-radius:22px;padding:30px 22px}#dx .fm{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:20px 0}#dx .fm div{padding:18px;border-radius:16px;background:linear-gradient(90deg,#5fd3e81f,transparent);border:1px solid var(--bd);border-inline-start:4px solid var(--c)}#dx .fm p{margin:0;font-size:15.5px;color:#fff}#dx .tl{border-inline-start:2px solid var(--c);padding-inline-start:20px;margin:16px 0 0}#dx .tl div{margin-bottom:14px;color:var(--mut)}#dx .tl b{display:block;color:#fff;font-size:18px}#dx ul.ck{list-style:none;padding:0;margin:10px 0}#dx ul.ck li{padding:6px 0;padding-inline-start:30px;position:relative;color:#fff}#dx ul.ck li:before{content:\"\";position:absolute;inset-inline-start:0;top:17px;width:14px;height:3px;border-radius:2px;background:var(--c)}#dx .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:22px}#dx .steps div{background:var(--glass);border:1.5px dashed var(--bd);border-radius:18px;padding:20px 14px;text-align:center}#dx .steps b{display:flex;margin:0 auto 10px;width:44px;height:44px;border-radius:50%;border:2px solid var(--c);align-items:center;justify-content:center;font-size:19px;color:var(--c2)}#dx .steps p{margin:0;font-size:15px;color:#fff}#dx .warn{border:1px solid var(--c);background:linear-gradient(135deg,#5fd3e81f,transparent);border-radius:20px;padding:26px}#dx details{background:var(--glass);border:1px solid var(--bd);border-radius:12px;padding:15px 20px;margin-bottom:10px}#dx summary{cursor:pointer;font-weight:800}#dx details[open] summary{color:var(--c)}#dx details p{margin:10px 0 0}#dx .lay{margin:18px 0 6px}#dx .lay div{padding:13px 18px;margin-bottom:8px;border-radius:12px;border:1px solid var(--bd);background:#5fd3e81a;font-weight:700;color:#fff}#dx .lay div:nth-child(2){margin-inline-start:18px;background:#5fd3e82e}#dx .lay div:nth-child(3){margin-inline-start:36px;background:#5fd3e844}#dx .cta{border:2px solid var(--c);border-radius:26px;padding:42px 20px;text-align:center;background:radial-gradient(circle at 50% 0,#5fd3e844,transparent 70%),linear-gradient(180deg,var(--bg2),var(--bg))}#dx .cta h2{justify-content:center;text-align:center}#dx .cta h2:before{display:none}#dx .tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}#dx .tags span{border:1.5px solid var(--c);background:#5fd3e81a;color:#fff;padding:9px 20px;border-radius:40px;font-weight:800;font-size:15px}#dx .inci{direction:ltr;text-align:left;font-size:13px;line-height:1.8;color:#ddd;background:rgba(0,0,0,.55);border:1px dashed var(--bd);border-radius:14px;padding:20px;margin-top:26px}#dx .inci b{color:var(--c)}#dx .k{color:var(--c2);font-weight:800;background:linear-gradient(transparent 62%,#5fd3e855 62%);padding:0 3px;border-radius:3px}@media(max-width:768px){#dx .sec{padding:38px 0}#dx .wrap{padding:0 14px}#dx .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#dx .card{padding:14px 10px}#dx .big3 b{font-size:34px}#dx .steps{grid-template-columns:repeat(2,minmax(0,1fr))}#dx .glass{padding:22px 14px}}\u003c\/style\u003e\u003cdiv id=\"dx\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"badge\"\u003eسيروم ترطيب | 30 مل\u003c\/div\u003e\n\u003ch1\u003eترطيب عادي ومش كفاية؟ \u003cspan class=\"hl\"\u003eهيالورونيك متعدد الأوزان\u003c\/span\u003e مع كافيار وكولاجين بحري\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eسيروم ترطيب 30 مل بحمض الهيالورونيك بأكتر من وزن جزيئي، مع مستخلص الكافيار والكولاجين البحري وفيتامينات B حسب بيانات المنتج. معمول لترطيب البشرة وإعطائها مظهر أكثر امتلاءً ونضارة.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eهيالورونيك\u003c\/span\u003e\u003cspan\u003eكافيار\u003c\/span\u003e\u003cspan\u003eكولاجين بحري\u003c\/span\u003e\u003cspan\u003eفيتامينات B\u003c\/span\u003e\u003cspan\u003e30 مل\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cimg class=\"pimg sq\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/seelithyaluronicacidserum_2_6ce2c6ac-37fe-443c-a489-75d479f1e812.png?v=1788175352\" alt=\"سيروم See-Lit هيالورونيك + فيتامين B للترطيب والامتلاء\" width=\"2000\" height=\"2000\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eأرقام أساسية\u003c\/h2\u003e\n\u003cdiv class=\"big3\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003cspan\u003eأوزان جزيئية (حسب البراند)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e30\u003c\/b\u003e\u003cspan\u003eمل\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2×\u003c\/b\u003e\u003cspan\u003eصباحًا ومساءً\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"glass\"\u003e\n\u003ch2 class=\"cc\"\u003eالترطيب مش مستوى واحد\u003c\/h2\u003e\n\u003cp class=\"c\"\u003eالبشرة بتحتاج ترطيب على السطح وفي العمق. السيروم ده مبني حوالين هيالورونيك بأكتر من وزن، مع مكونات بتدعم الملمس.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eجفاف وشد\u003c\/h3\u003e\n\u003cp\u003eالهيالورونيك بيجذب الماء للبشرة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eخطوط الجفاف\u003c\/h3\u003e\n\u003cp\u003eبيحسّن مظهرها مؤقتًا.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eبشرة باهتة\u003c\/h3\u003e\n\u003cp\u003eالكافيار والكولاجين البحري لملمس أنعم.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eإيه اللي جوه السيروم؟\u003c\/h2\u003e\n\u003cdiv class=\"fm\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eهيالورونيك متعدد الأوزان\u003c\/h3\u003e\n\u003cp\u003eبيجذب الماء للبشرة، والأوزان المختلفة بتدعم الترطيب على أكتر من مستوى.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eمستخلص الكافيار\u003c\/h3\u003e\n\u003cp\u003eمكون بيُستخدم في منتجات العناية لتغذية البشرة ولمسة فخامة في التركيبة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eالكولاجين البحري\u003c\/h3\u003e\n\u003cp\u003eببتيدات بتدعم ترطيب وملمس البشرة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eفيتامينات B\u003c\/h3\u003e\n\u003cp\u003eبتدعم مظهر البشرة ونضارتها.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eترطيب على 3 مستويات\u003c\/h2\u003e\n\u003cp\u003eحسب بيانات المنتج، الهيالورونيك هنا بـ3 أوزان جزيئية مختلفة، وكل وزن له دور:\u003c\/p\u003e\n\u003cdiv class=\"lay\"\u003e\n\u003cdiv\u003eوزن منخفض: بيدخل أعمق\u003c\/div\u003e\n\u003cdiv\u003eوزن متوسط: الطبقة الوسطى\u003c\/div\u003e\n\u003cdiv\u003eوزن عالٍ: طبقة حماية على السطح\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eهتشوف إيه وإمتى؟ بصراحة\u003c\/h2\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eفورًا\u003c\/b\u003eإحساس ترطيب وراحة بعد التطبيق على بشرة رطبة.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eمع الانتظام\u003c\/b\u003eمظهر أكثر امتلاءً ونضارة، حسب نوع البشرة.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"margin-top:22px\"\u003eممكن يناسبك لو\u003c\/h3\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eاللي بشرتها جافة أو مشدودة.\u003c\/li\u003e\n\u003cli\u003eاللي بتدور على ترطيب بملمس خفيف.\u003c\/li\u003e\n\u003cli\u003eاللي عايزة مظهر أكثر امتلاءً للخطوط الرفيعة الناتجة عن الجفاف.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eطريقة الاستخدام.. بسيطة\u003c\/h2\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003cp\u003eنضّف وشك واترك الجلد رطب شوية.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003cp\u003eوزّع كمية قليلة على الوش والرقبة بالتربيت.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003cp\u003eاختم بمرطب عشان تحبس الترطيب.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003cp\u003eنهاراً، ختام بواقي شمس.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003eاقرا ده قبل أول استخدام\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eجرّب كمية صغيرة الأول وقلّلها لو حسيت بثقل.\u003c\/li\u003e\n\u003cli\u003eجرّب المنتج على مساحة صغيرة من الجلد الأول وانتظر 24 ساعة قبل الاستخدام الكامل.\u003c\/li\u003e\n\u003cli\u003eلو حصل احمرار شديد أو حرقان مستمر، وقّف الاستخدام.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eأسئلة قبل الطلب\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003eأحطه على بشرة مبلولة؟\u003c\/summary\u003e\u003cp\u003eبيشتغل أحسن على بشرة رطبة شوية، وبعدها المرطب يقفل الترطيب.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eمناسب للبشرة الدهنية؟\u003c\/summary\u003e\u003cp\u003eأيوه، الترطيب مش بيعني دهون. قلّل الكمية لو حسيت بثقل.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eبيشيل الخطوط؟\u003c\/summary\u003e\u003cp\u003eبيحسّن مظهر الخطوط الناتجة عن الجفاف مؤقتاً، مش بيشيلها.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\" style=\"padding-top:10px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta\"\u003e\n\u003ch2\u003eرطّب بشرتك بخطوة واحدة\u003c\/h2\u003e\n\u003cp style=\"max-width:680px;margin:10px auto 0;font-size:18px;color:#fff\"\u003eاضغط \u003cspan class=\"k\"\u003eأضف إلى السلة\u003c\/span\u003e وابدأ بالتدريج. النتائج بتختلف من شخص لشخص حسب نوع البشرة وانتظام الاستخدام.\u003c\/p\u003e\n\u003cdiv class=\"tags\"\u003e\n\u003cspan\u003eهيالورونيك\u003c\/span\u003e\u003cspan\u003eكافيار\u003c\/span\u003e\u003cspan\u003eكولاجين بحري\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eINCI:\u003c\/b\u003e Full ingredient list is printed on the pack.\u003c\/div\u003e\n\u003cp class=\"c\" style=\"margin-top:18px;font-size:14px\"\u003eلو عندك حالة جلدية أو حساسية، استشر دكتور جلدية قبل الاستخدام.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"See-lit","offers":[{"title":"Default Title","offer_id":46999398547630,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/seelithyaluronicacidserum_2_6ce2c6ac-37fe-443c-a489-75d479f1e812.png?v=1788175352"},{"product_id":"seelit-retinol-b3-niacinamide-anti-ageing-serum","title":"Seelit Retinol + B3 (niacinamide) anti ageing serum","description":"\u003cstyle\u003e#dx{--bg:#08050e;--bg2:#160d26;--c:#c58bff;--c2:#e6d2ff;--glass:rgba(255,255,255,.05);--bd:#c58bff55;--txt:#fff;--mut:#e3e3e3;position:relative;border-radius:28px;background:var(--bg);color:var(--txt);font-family:'Tajawal','Cairo',sans-serif;line-height:1.85;overflow:hidden;direction:rtl;text-align:start;font-size:17px}#dx *{box-sizing:border-box}#dx .sec{padding:56px 0}#dx .sec.a{background:var(--bg)}#dx .sec.b{background:linear-gradient(180deg,var(--bg2),var(--bg));border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}#dx .wrap{max-width:900px;margin:auto;padding:0 22px}#dx .c{text-align:center}#dx .badge{display:inline-block;padding:7px 22px;border-radius:30px;border:1px solid var(--c2);color:var(--c2);font-weight:700;font-size:14px;margin-bottom:20px;background:#c58bff1a}#dx h1{font-size:clamp(27px,5vw,41px);line-height:1.4;font-weight:900;margin:0 0 18px}#dx .hl{color:var(--c);font-weight:900}#dx h2{font-size:clamp(22px,4vw,30px);line-height:1.5;font-weight:900;margin:0 0 14px;display:flex;align-items:center;gap:14px}#dx h2:before{content:\"\";flex:0 0 6px;height:30px;background:var(--c);border-radius:4px}#dx h2.cc{justify-content:center;text-align:center}#dx h2.cc:before{display:none}#dx h3{font-size:19px;margin:0 0 6px;font-weight:900;color:var(--c)}#dx p{margin:0 0 12px;color:var(--mut)}#dx .lead{max-width:740px;margin:0 auto 24px;font-size:18px}#dx .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 28px}#dx .chips span{border:1px solid var(--bd);background:var(--glass);padding:6px 16px;border-radius:30px;font-size:14px}#dx .hero{background:radial-gradient(circle at 50% 0,#c58bff33,transparent 62%),var(--bg);padding-top:58px;text-align:center}#dx .pimg{display:block;width:100%;max-width:340px;height:auto;margin:0 auto;border-radius:22px;border:1px solid var(--bd);box-shadow:0 0 70px #c58bff44}#dx .pimg.sq{max-width:420px}#dx .big3{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin:10px 0}#dx .big3 div{padding:22px 12px;border:1.5px solid var(--c);border-radius:18px;background:#c58bff14;text-align:center}#dx .big3 b{display:block;font-size:42px;line-height:1.1;color:var(--c2);font-weight:900}#dx .big3 span{color:#fff;font-weight:700;font-size:15px}#dx .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}#dx .card{background:linear-gradient(145deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}#dx .card p{margin:0;font-size:16px;color:#fff}#dx .glass{background:var(--glass);border:1px solid var(--bd);border-radius:22px;padding:30px 22px}#dx .fm{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:20px 0}#dx .fm div{padding:18px;border-radius:16px;background:linear-gradient(90deg,#c58bff1f,transparent);border:1px solid var(--bd);border-inline-start:4px solid var(--c)}#dx .fm p{margin:0;font-size:15.5px;color:#fff}#dx .tl{border-inline-start:2px solid var(--c);padding-inline-start:20px;margin:16px 0 0}#dx .tl div{margin-bottom:14px;color:var(--mut)}#dx .tl b{display:block;color:#fff;font-size:18px}#dx ul.ck{list-style:none;padding:0;margin:10px 0}#dx ul.ck li{padding:6px 0;padding-inline-start:30px;position:relative;color:#fff}#dx ul.ck li:before{content:\"\";position:absolute;inset-inline-start:0;top:17px;width:14px;height:3px;border-radius:2px;background:var(--c)}#dx .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:22px}#dx .steps div{background:var(--glass);border:1.5px dashed var(--bd);border-radius:18px;padding:20px 14px;text-align:center}#dx .steps b{display:flex;margin:0 auto 10px;width:44px;height:44px;border-radius:50%;border:2px solid var(--c);align-items:center;justify-content:center;font-size:19px;color:var(--c2)}#dx .steps p{margin:0;font-size:15px;color:#fff}#dx .warn{border:1px solid var(--c);background:linear-gradient(135deg,#c58bff1f,transparent);border-radius:20px;padding:26px}#dx details{background:var(--glass);border:1px solid var(--bd);border-radius:12px;padding:15px 20px;margin-bottom:10px}#dx summary{cursor:pointer;font-weight:800}#dx details[open] summary{color:var(--c)}#dx details p{margin:10px 0 0}#dx .wk{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:18px 0 6px}#dx .wk div{padding:12px 4px;border:1px solid var(--bd);border-radius:12px;text-align:center;font-size:14px;color:var(--mut)}#dx .wk div.on{background:var(--c);color:#000;font-weight:900;border-color:var(--c)}#dx .cta{border:2px solid var(--c);border-radius:26px;padding:42px 20px;text-align:center;background:radial-gradient(circle at 50% 0,#c58bff44,transparent 70%),linear-gradient(180deg,var(--bg2),var(--bg))}#dx .cta h2{justify-content:center;text-align:center}#dx .cta h2:before{display:none}#dx .tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}#dx .tags span{border:1.5px solid var(--c);background:#c58bff1a;color:#fff;padding:9px 20px;border-radius:40px;font-weight:800;font-size:15px}#dx .inci{direction:ltr;text-align:left;font-size:13px;line-height:1.8;color:#ddd;background:rgba(0,0,0,.55);border:1px dashed var(--bd);border-radius:14px;padding:20px;margin-top:26px}#dx .inci b{color:var(--c)}#dx .k{color:var(--c2);font-weight:800;background:linear-gradient(transparent 62%,#c58bff55 62%);padding:0 3px;border-radius:3px}@media(max-width:768px){#dx .sec{padding:38px 0}#dx .wrap{padding:0 14px}#dx .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#dx .card{padding:14px 10px}#dx .big3 b{font-size:34px}#dx .steps{grid-template-columns:repeat(2,minmax(0,1fr))}#dx .wk div{font-size:12px;padding:10px 2px}#dx .glass{padding:22px 14px}}\u003c\/style\u003e\u003cdiv id=\"dx\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"badge\"\u003eسيروم ريتينول ليلي\u003c\/div\u003e\n\u003ch1\u003eعايزة ريتينول من غير تهيج كبير؟ \u003cspan class=\"hl\"\u003eريتينول 1% Cylasphere + B3\u003c\/span\u003e تركيبة بتتدرّج معاك\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eسيروم ليلي بريتينول 1% بتقنية Cylasphere لإطلاق الريتينول تدريجيًا حسب بيانات المنتج، مع نياسيناميد (B3) وكولاجين متحلل وحمض جليكوليك وفيتامين E. معمول لدعم مظهر الخطوط الرفيعة وملمس البشرة.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eريتينول 1%\u003c\/span\u003e\u003cspan\u003eنياسيناميد B3\u003c\/span\u003e\u003cspan\u003eكولاجين متحلل\u003c\/span\u003e\u003cspan\u003eجليكوليك\u003c\/span\u003e\u003cspan\u003eفيتامين E\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cimg class=\"pimg sq\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/see-litretinolb3serum_c94dab3d-208d-4397-9470-d1b6cf304b46.webp?v=1788175351\" alt=\"سيروم See-Lit ريتينول + B3\" width=\"700\" height=\"700\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eأرقام أساسية\u003c\/h2\u003e\n\u003cdiv class=\"big3\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1%\u003c\/b\u003e\u003cspan\u003eريتينول\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eB3\u003c\/b\u003e\u003cspan\u003eنياسيناميد\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2–3×\u003c\/b\u003e\u003cspan\u003eفي الأسبوع في البداية\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"glass\"\u003e\n\u003ch2 class=\"cc\"\u003eالريتينول بيبدأ بالتدريج\u003c\/h2\u003e\n\u003cp class=\"c\"\u003eالريتينول من أقوى المكونات المعروفة لروتين الليل، ولازم البداية تكون هادية. فيه معاه نياسيناميد ومكونات مرطبة لتخفيف الجفاف.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eخطوط رفيعة\u003c\/h3\u003e\n\u003cp\u003eريتينول لدعم مظهر الخطوط وتجدد الجلد.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eلون غير موحد\u003c\/h3\u003e\n\u003cp\u003eنياسيناميد لدعم توحيد اللون.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eملمس خشن\u003c\/h3\u003e\n\u003cp\u003eجليكوليك لتنعيم الطبقة السطحية.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eإيه اللي جوه السيروم؟\u003c\/h2\u003e\n\u003cdiv class=\"fm\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eريتينول 1% (Cylasphere)\u003c\/h3\u003e\n\u003cp\u003eريتينول بتقنية إطلاق تدريجي، بيُستخدم لدعم تجدد الجلد ومظهر الخطوط.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eنياسيناميد (B3)\u003c\/h3\u003e\n\u003cp\u003eبيدعم توحيد اللون ويهدّي البشرة مع الريتينول.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eكولاجين متحلل\u003c\/h3\u003e\n\u003cp\u003eبيدعم ترطيب ومرونة مظهر البشرة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eحمض الجليكوليك\u003c\/h3\u003e\n\u003cp\u003eAHA بيقشر الطبقة السطحية بلطف.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eفيتامين E\u003c\/h3\u003e\n\u003cp\u003eمضاد أكسدة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eحمض البانتوثينيك\u003c\/h3\u003e\n\u003cp\u003eترطيب وتهدئة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eجدولك الأسبوعي (مثال للبداية)\u003c\/h2\u003e\n\u003cp\u003eالأحماض بتتدرّج. ده اقتراح للبداية وتقدر تزوّد أو تقلّل حسب راحة بشرتك:\u003c\/p\u003e\n\u003cdiv class=\"wk\"\u003e\n\u003cdiv class=\"on\"\u003eالسبت\u003c\/div\u003e\n\u003cdiv class=\"\"\u003eالأحد\u003c\/div\u003e\n\u003cdiv class=\"\"\u003eالإثنين\u003c\/div\u003e\n\u003cdiv class=\"on\"\u003eالثلاثاء\u003c\/div\u003e\n\u003cdiv class=\"\"\u003eالأربعاء\u003c\/div\u003e\n\u003cdiv class=\"\"\u003eالخميس\u003c\/div\u003e\n\u003cdiv class=\"\"\u003eالجمعة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"c\" style=\"margin-top:10px\"\u003eالأيام المظللة = ليالي استخدام السيروم، والباقي ترطيب وواقي شمس بس.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eهتشوف إيه وإمتى؟ بصراحة\u003c\/h2\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eفي الأول\u003c\/b\u003eممكن يحصل جفاف أو تقشير خفيف، وده سبب إننا نبدأ مرتين في الأسبوع.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eمع الانتظام\u003c\/b\u003eتحسّن مظهر الملمس والخطوط بياخد أسابيع، والنتيجة بتختلف من شخص لشخص.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"margin-top:22px\"\u003eممكن يناسبك لو\u003c\/h3\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eاللي بدأت تلاحظ خطوط رفيعة وعايزة روتين ليلي.\u003c\/li\u003e\n\u003cli\u003eاللي عايزة ريتينول مع مكونات مهدئة في تركيبة واحدة.\u003c\/li\u003e\n\u003cli\u003eاللي مستعدة تبدأ بالريتينول بالتدريج.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eطريقة الاستخدام.. بسيطة\u003c\/h2\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003cp\u003eنضّف وشك وجففه كويس بالليل.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003cp\u003eحط كمية بحجم حبة البازلاء على الوش وابعد عن حوالين العين.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003cp\u003eابدأ مرتين أو تلاتة في الأسبوع وزوّد تدريجياً.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003cp\u003eبعده مرطب.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e5\u003c\/b\u003e\u003cp\u003eالصبح: واقي شمس.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003eاقرا ده قبل أول استخدام\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eممنوع أثناء الحمل والرضاعة بسبب الريتينول.\u003c\/li\u003e\n\u003cli\u003eاستخدم واقي شمس كل يوم، خصوصاً مع المنتجات اللي بتحسّس البشرة للشمس.\u003c\/li\u003e\n\u003cli\u003eممكن يحصل جفاف أو تقشير خفيف في البداية، ولو استمر قلّل المرات.\u003c\/li\u003e\n\u003cli\u003eماتستخدمهوش مع مقشرات قوية في نفس الليلة.\u003c\/li\u003e\n\u003cli\u003eجرّب المنتج على مساحة صغيرة من الجلد الأول وانتظر 24 ساعة قبل الاستخدام الكامل.\u003c\/li\u003e\n\u003cli\u003eلو حصل احمرار شديد أو حرقان مستمر، وقّف الاستخدام.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eأسئلة قبل الطلب\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003eأستخدمه بالنهار؟\u003c\/summary\u003e\u003cp\u003eلا، بالليل بس، لأن الريتينول بيزوّد حساسية الجلد للشمس.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eأبدأ إزاي؟\u003c\/summary\u003e\u003cp\u003eمرتين في الأسبوع، وزوّد لو بشرتك مرتاحة.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eإمتى هلاحظ فرق؟\u003c\/summary\u003e\u003cp\u003eالريتينول بياخد أسابيع، والنتيجة بتختلف من شخص لشخص.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\" style=\"padding-top:10px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta\"\u003e\n\u003ch2\u003eابدأ بالريتينول بخطة هادية\u003c\/h2\u003e\n\u003cp style=\"max-width:680px;margin:10px auto 0;font-size:18px;color:#fff\"\u003eاضغط \u003cspan class=\"k\"\u003eأضف إلى السلة\u003c\/span\u003e وابدأ بالتدريج. النتائج بتختلف من شخص لشخص حسب نوع البشرة وانتظام الاستخدام.\u003c\/p\u003e\n\u003cdiv class=\"tags\"\u003e\n\u003cspan\u003eريتينول 1%\u003c\/span\u003e\u003cspan\u003eنياسيناميد B3\u003c\/span\u003e\u003cspan\u003eكولاجين متحلل\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eINCI:\u003c\/b\u003e Retinol (Cylasphere) 1%, Niacinamide, Hydrolyzed Collagen, Glycolic Acid, Tocopherol, Pantothenic Acid. Full list on pack.\u003c\/div\u003e\n\u003cp class=\"c\" style=\"margin-top:18px;font-size:14px\"\u003eلو عندك حالة جلدية أو حساسية، استشر دكتور جلدية قبل الاستخدام.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"See-lit","offers":[{"title":"Default Title","offer_id":46999398809774,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/see-litretinolb3serum_c94dab3d-208d-4397-9470-d1b6cf304b46.webp?v=1788175351"},{"product_id":"beauty-of-joseon-revive-serum","title":"Beauty of Joseon سيروم إحياء البشرة بالجينسينغ وإفراز الحلزون لتجديد ومرونة البشرة.","description":"\u003cdiv class=\"product-description\"\u003e\n \u003c!-- Video Section --\u003e\n \u003cdiv class=\"video-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003cvideo autoplay muted loop playsinline preload=\"metadata\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/3ef500d9baac416bbea61350e65fce38.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Hero Text Section --\u003e\n \u003cdiv class=\"hero-text-section\"\u003e\n \u003ch1 class=\"main-title fade-in\"\u003eالعلم يثبت: الجينسنغ + مخاط الحلزون = معادلة الشباب المثالية\u003c\/h1\u003e\n \u003cp class=\"subtitle slide-up\"\u003eBeauty of Joseon Revive Serum: تركيبة علمية متطورة تعيد برمجة خلايا بشرتك\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Key Benefits Grid --\u003e\n \u003cdiv class=\"benefits-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eالاستخدامات الرئيسية\u003c\/h2\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"100\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e💫\u003c\/div\u003e\n \u003ch3\u003eعلاج البهتان\u003c\/h3\u003e\n \u003cp\u003eالجينسنغ 63% ينشط الدورة الدموية ويعيد الإشراق الطبيعي للبشرة المتعبة خلال أسبوعين.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"200\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eمضاد للتأكسد\u003c\/h3\u003e\n \u003cp\u003e15 نوع من الجينسنوسايد يحمي البشرة من الجذور الحرة والتلوث والأشعة الضارة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"300\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e⏰\u003c\/div\u003e\n \u003ch3\u003eمضاد للتجاعيد\u003c\/h3\u003e\n \u003cp\u003eمخاط الحلزون 3% يحفز إنتاج الكولاجين ويقلل ظهور الخطوط الدقيقة والتجاعيد.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"400\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e💧\u003c\/div\u003e\n \u003ch3\u003eمرطب عميق\u003c\/h3\u003e\n \u003cp\u003eالهيالورونيك أسيد الطبيعي يحبس الرطوبة في البشرة لمدة 12 ساعة متواصلة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"500\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3\u003eيحسن نسيج الجلد\u003c\/h3\u003e\n \u003cp\u003eالبروتينات الطبيعية تنعم ملمس البشرة وتقلل ظهور المسام والخشونة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"600\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003eيهدئ الاحمرار\u003c\/h3\u003e\n \u003cp\u003eالأللانتوين في مخاط الحلزون يقلل الالتهاب والتهيج ويهدئ البشرة الحساسة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Science Section --\u003e\n \u003cdiv class=\"science-section\"\u003e\n \u003cdiv class=\"ingredient-showcase\"\u003e\n \u003cdiv class=\"ingredient-card ginseng-card\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_5_c8f51ca2-5353-4586-a78a-f3c95b3cb1b3.jpg?v=1748094708\" alt=\"Ginseng\"\u003e\n \u003cdiv class=\"ingredient-info\"\u003e\n \u003ch3\u003eالجينسنغ 63% - محرك التجديد الخلوي\u003c\/h3\u003e\n \u003cdiv class=\"molecular-animation\"\u003e\n \u003cdiv class=\"molecule\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"molecule\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"molecule\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cul class=\"ingredient-benefits\"\u003e\n \u003cli\u003eالسابونين النشط: يحفز الدورة الدموية الدقيقة بنسبة 40%\u003c\/li\u003e\n \u003cli\u003eالجينسينوسيدات: تحفز إنتاج الكولاجين الطبيعي\u003c\/li\u003e\n \u003cli\u003eمضادات الأكسدة القوية: تحارب الجذور الحرة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-card snail-card\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_7.jpg?v=1748096683\" alt=\"Snail Mucin\"\u003e\n \u003cdiv class=\"ingredient-info\"\u003e\n \u003ch3\u003eمخاط الحلزون المُنقى 3% - معجزة الإصلاح والتجديد\u003c\/h3\u003e\n \u003cdiv class=\"repair-animation\"\u003e\n \u003cdiv class=\"cell\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cell\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cell\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003col class=\"ingredient-process\"\u003e\n \u003cli\u003eيخترق الطبقات العميقة للبشرة\u003c\/li\u003e\n \u003cli\u003eيحفز إنتاج الكولاجين الجديد\u003c\/li\u003e\n \u003cli\u003eيصلح الحمض النووي التالف\u003c\/li\u003e\n \u003cli\u003eيعزز دوران الخلايا\u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Centella Asiatica Section --\u003e\n \u003cdiv class=\"centella-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eالمكونات المساعدة: فريق علمي متكامل\u003c\/h2\u003e\n \u003cdiv class=\"centella-container\"\u003e\n \u003cdiv class=\"centella-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/centella_asiatica_beauty_of_joseon_revive_serum.jpg?v=1748097213\" alt=\"Centella Asiatica\"\u003e\n \u003cdiv class=\"healing-animation\"\u003e\n \u003cdiv class=\"healing-wave\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"healing-wave\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"healing-wave\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"centella-info\"\u003e\n \u003ch3\u003e🌿 مستخلص السنتيلا آسياتيكا\u003c\/h3\u003e\n \u003cdiv class=\"compound-list\"\u003e\n \u003cdiv class=\"compound-item\" data-aos=\"fade-left\" data-delay=\"100\"\u003e\n \u003cdiv class=\"compound-icon\"\u003e🧬\u003c\/div\u003e\n \u003cdiv class=\"compound-details\"\u003e\n \u003ch4\u003eحمض الآسياتيك\u003c\/h4\u003e\n \u003cp\u003eيحفز إنتاج الكولاجين نوع 1 و 3\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"compound-item\" data-aos=\"fade-left\" data-delay=\"200\"\u003e\n \u003cdiv class=\"compound-icon\"\u003e🔬\u003c\/div\u003e\n \u003cdiv class=\"compound-details\"\u003e\n \u003ch4\u003eالمادينكاسوسايد\u003c\/h4\u003e\n \u003cp\u003eمضاد التهاب طبيعي يهدئ الاحمرار فوراً\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"compound-item\" data-aos=\"fade-left\" data-delay=\"300\"\u003e\n \u003cdiv class=\"compound-icon\"\u003e⚕️\u003c\/div\u003e\n \u003cdiv class=\"compound-details\"\u003e\n \u003ch4\u003eالآسياتيكوسايد\u003c\/h4\u003e\n \u003cp\u003eيسرع شفاء الجروح الصغيرة والتهيج\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Clinical Results --\u003e\n \u003cdiv class=\"results-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eالنتائج العلمية المُختبرة مختبرياً\u003c\/h2\u003e\n \u003cdiv class=\"timeline\"\u003e\n \u003cdiv class=\"timeline-item\" data-week=\"1\"\u003e\n \u003cdiv class=\"timeline-marker\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3\u003eبعد أسبوع واحد\u003c\/h3\u003e\n \u003cdiv class=\"stats-grid\"\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cspan class=\"stat-number\" data-target=\"78\"\u003e0\u003c\/span\u003e%\n \u003cspan class=\"stat-label\"\u003eنعومة فورية\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cspan class=\"stat-number\" data-target=\"65\"\u003e0\u003c\/span\u003e%\n \u003cspan class=\"stat-label\"\u003eتحسن الإشراق\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cspan class=\"stat-number\" data-target=\"58\"\u003e0\u003c\/span\u003e%\n \u003cspan class=\"stat-label\"\u003eتقليل الاحمرار\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-item\" data-week=\"4\"\u003e\n \u003cdiv class=\"timeline-marker\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3\u003eبعد أربعة أسابيع\u003c\/h3\u003e\n \u003cdiv class=\"stats-grid\"\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cspan class=\"stat-number\" data-target=\"89\"\u003e0\u003c\/span\u003e%\n \u003cspan class=\"stat-label\"\u003eتحسن المرونة\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cspan class=\"stat-number\" data-target=\"76\"\u003e0\u003c\/span\u003e%\n \u003cspan class=\"stat-label\"\u003eتقليل التجاعيد\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cspan class=\"stat-number\" data-target=\"91\"\u003e0\u003c\/span\u003e%\n \u003cspan class=\"stat-label\"\u003eترطيب عميق\u003c\/span\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\n \u003c!-- Smart Mucin Technology --\u003e\n \u003cdiv class=\"technology-section\"\u003e\n \u003ch2 class=\"section-title\"\u003e تركيبة متقدمة تكنولوجيا\u003c\/h2\u003e\n \u003cdiv class=\"technology-grid\"\u003e\n \u003cdiv class=\"tech-card\"\u003e\n \u003ch3\u003eالابتكار في الملمس\u003c\/h3\u003e\n \u003cdiv class=\"tech-features\"\u003e\n \u003cdiv class=\"tech-feature\" data-aos=\"zoom-in\" data-delay=\"100\"\u003e\n \u003cdiv class=\"tech-icon\"\u003e🔬\u003c\/div\u003e\n \u003ch4\u003eجزيئات نانوية\u003c\/h4\u003e\n \u003cp\u003eتخترق البشرة بسهولة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tech-feature\" data-aos=\"zoom-in\" data-delay=\"200\"\u003e\n \u003cdiv class=\"tech-icon\"\u003e⏱️\u003c\/div\u003e\n \u003ch4\u003eتقنية الإطلاق المتدرج\u003c\/h4\u003e\n \u003cp\u003eللمكونات النشطة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tech-feature\" data-aos=\"zoom-in\" data-delay=\"300\"\u003e\n \u003cdiv class=\"tech-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch4\u003eغشاء حماية مؤقت\u003c\/h4\u003e\n \u003cp\u003eيحبس الرطوبة تحت سطح البشرة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tech-feature\" data-aos=\"zoom-in\" data-delay=\"400\"\u003e\n \u003cdiv class=\"tech-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch4\u003eامتصاص سريع\u003c\/h4\u003e\n \u003cp\u003eدون ترك أي بقايا دهنية\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"experience-timeline\"\u003e\n \u003ch3\u003eالفرق الذي تشعر به\u003c\/h3\u003e\n \u003cdiv class=\"experience-steps\"\u003e\n \u003cdiv class=\"experience-step\" data-time=\"instant\"\u003e\n \u003cdiv class=\"step-time\"\u003e✨ لحظة التطبيق\u003c\/div\u003e\n \u003cdiv class=\"step-desc\"\u003eانتشار حريري فوري\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"experience-step\" data-time=\"1min\"\u003e\n \u003cdiv class=\"step-time\"\u003e✨ خلال دقيقة\u003c\/div\u003e\n \u003cdiv class=\"step-desc\"\u003eامتصاص كامل وإحساس بالراحة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"experience-step\" data-time=\"5min\"\u003e\n \u003cdiv class=\"step-time\"\u003e✨ بعد 5 دقائق\u003c\/div\u003e\n \u003cdiv class=\"step-desc\"\u003eنعومة مخملية وإشراق طبيعي\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"experience-step\" data-time=\"allday\"\u003e\n \u003cdiv class=\"step-time\"\u003e✨ طوال اليوم\u003c\/div\u003e\n \u003cdiv class=\"step-desc\"\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\n \u003c!-- Why Choose Section --\u003e\n \u003cdiv class=\"why-choose-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eلماذا تختارين Revive Serum؟ الأدلة العلمية لا تكذب\u003c\/h2\u003e\n \u003cdiv class=\"scientific-proof\"\u003e\n \u003cdiv class=\"proof-card concentration-card\"\u003e\n \u003cdiv class=\"proof-icon\"\u003e🔬\u003c\/div\u003e\n \u003ch3\u003eتركيز مثالي مُحسوب علمياً\u003c\/h3\u003e\n \u003cul class=\"proof-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003e63% جينسنغ\u003c\/strong\u003e: التركيز الأمثل للفعالية دون تهيج\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e3% مخاط حلزون\u003c\/strong\u003e: النسبة المثبتة للحصول على أفضل النتائج\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eتوازن مثالي\u003c\/strong\u003e: بين القوة والأمان للاستخدام اليومي\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"proof-card testing-card\"\u003e\n \u003cdiv class=\"proof-icon\"\u003e🧪\u003c\/div\u003e\n \u003ch3\u003eمُختبر ومُعتمد\u003c\/h3\u003e\n \u003cul class=\"proof-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eاختبارات الحساسية\u003c\/strong\u003e: آمن للبشرة الحساسة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eاختبارات الفعالية\u003c\/strong\u003e: نتائج مثبتة في 28 يوم\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eاختبارات الجودة\u003c\/strong\u003e: معايير دولية صارمة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"proof-card unique-card\"\u003e\n \u003cdiv class=\"proof-icon\"\u003e⚗️\u003c\/div\u003e\n \u003ch3\u003eتقنية فريدة\u003c\/h3\u003e\n \u003cul class=\"proof-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eلا يسبب انسداد المسام\u003c\/strong\u003e: مُختبر بواسطة أطباء الجلدية\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eمتوافق مع جميع أنواع البشرة\u003c\/strong\u003e: من الجافة إلى الدهنية\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eيعمل مع منتجات أخرى\u003c\/strong\u003e: لا يتعارض مع روتين العناية\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Investment Section --\u003e\n \u003cdiv class=\"investment-section\"\u003e\n \u003cdiv class=\"investment-content\"\u003e\n \u003ch2 class=\"investment-title\"\u003eاستثمري في العلم... استثمري في بشرتك\u003c\/h2\u003e\n \u003cp class=\"investment-tagline\"\u003eلن تجدي تركيبة أخرى تجمع بين قوة الجينسنغ الطبيعي ومعجزة مخاط الحلزون المُنقى بهذا التوازن المثالي.\u003c\/p\u003e\n \n \u003cdiv class=\"final-results\"\u003e\n \u003ch3\u003eالنتيجة النهائية: بشرة صحية علمياً\u003c\/h3\u003e\n \u003cdiv class=\"final-benefits\"\u003e\n \u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"100\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e🔄\u003c\/span\u003e\n \u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eخلايا مُجددة\u003c\/strong\u003e تعمل بكفاءة عالية\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"200\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e🛡️\u003c\/span\u003e\n \u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eحاجز طبيعي قوي\u003c\/strong\u003e يحمي من العوامل الخارجية\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"300\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e💧\u003c\/span\u003e\n \u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eترطيب عميق\u003c\/strong\u003e يدوم 72 ساعة\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"400\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e🌟\u003c\/span\u003e\n \u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eمرونة محسنة\u003c\/strong\u003e بنسبة تصل إلى 34%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"500\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✨\u003c\/span\u003e\n \u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eإشراق طبيعي\u003c\/strong\u003e بدون مكياج\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Usage Instructions --\u003e\n \u003cdiv class=\"usage-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eطريقة الاستخدام\u003c\/h2\u003e\n \u003cdiv class=\"usage-container\"\u003e\n \u003cdiv class=\"usage-video\"\u003e\n \u003cvideo autoplay muted loop playsinline preload=\"metadata\" onloadstart=\"this.muted=true\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/a658a0f994a34d3da3dd6f5136de09b2.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usage-steps\"\u003e\n \u003cdiv class=\"step\" data-step=\"1\"\u003e\n \u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n \u003cp\u003eنظف الوجه جيداً\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"step\" data-step=\"2\"\u003e\n \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n \u003cp\u003eقم بتطبيق 3 أو 4 نقاط\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"step\" data-step=\"3\"\u003e\n \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n \u003cp\u003eدلك برفق\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"step\" data-step=\"4\"\u003e\n \u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n \u003cp\u003eاستخدمه صباحاً ومساءً\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Ingredients --\u003e\n \u003cdiv class=\"ingredients-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eجميع المكونات\u003c\/h2\u003e\n \u003cdiv class=\"ingredients-container\"\u003e\n \u003cp class=\"ingredients-text\"\u003ePanax Ginseng Root Water, Water, Butylene Glycol, Dipropylene Glycol, 1,2-Hexanediol, Glycerin, Niacinamide, Propanediol, Trehalose, Snail Secretion Filtrate, Carbomer, Tromethamine, Xanthan Gum, Malt Extract, Sodium Polyacrylate, Adenosine, Glyceryl Acrylate\/Acrylic Acid Copolymer, Disodium Edta, Panax Ginseng Root Extract, Ganoderma Lucidum (Mushroom) Extract, Phellinus Linteus Extract, Centella Asiatica Extract, Sodium Hyaluronate, Hydrolyzed Hyaluronic Acid, Forsythia Suspensa Fruit Extract, Lonicera Japonica (Honeysuckle) Flower Extract, Scutellaria Baicalensis Root Extract, Sodium Acetylated Hyaluronate\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-description {\n max-width: 1200px;\n margin: 0 auto;\n \n color: #333;\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* Video Section *\/\n .video-section {\n width: 100%;\n margin-bottom: 2rem;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n }\n\n .video-container {\n position: relative;\n width: 100%;\n height: 60vh;\n min-height: 400px;\n }\n\n .video-container video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n\n \/* Hero Text Section *\/\n .hero-text-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin-bottom: 4rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n }\n\n .main-title {\n font-size: 2.5rem;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 1.5rem;\n text-align: center;\n direction: rtl;\n }\n\n .subtitle {\n font-size: 1.2rem;\n color: #666;\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n line-height: 1.8;\n }\n\n \/* Animations *\/\n .fade-in {\n opacity: 0;\n animation: fadeIn 2s ease-out forwards;\n }\n\n .slide-up {\n opacity: 0;\n transform: translateY(30px);\n animation: slideUp 2s ease-out 0.5s forwards;\n }\n\n @keyframes fadeIn {\n to { opacity: 1; }\n }\n\n @keyframes slideUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Section Titles *\/\n .section-title {\n font-size: 2rem;\n font-weight: 700;\n color: #9C8102;\n text-align: center;\n margin-bottom: 3rem;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #9C8102, transparent);\n }\n\n \/* Benefits Grid *\/\n .benefits-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n margin-bottom: 4rem;\n border-radius: 20px;\n }\n\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .benefit-card {\n background: white;\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n text-align: center;\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(50px);\n }\n\n .benefit-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(156,129,2,0.2);\n }\n\n .benefit-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n animation: float 3s ease-in-out infinite;\n }\n\n .benefit-card h3 {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n\n .benefit-card p {\n color: #666;\n text-align: right;\n direction: rtl;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n }\n\n \/* Science Section *\/\n .science-section {\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n }\n\n .ingredient-showcase {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));\n gap: 3rem;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n .ingredient-card {\n background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n }\n\n .ingredient-card:hover {\n transform: scale(1.02);\n box-shadow: 0 20px 40px rgba(156,129,2,0.15);\n }\n\n .ingredient-card img {\n width: 100%;\n height: 250px;\n object-fit: cover;\n }\n\n .ingredient-info {\n padding: 2rem;\n }\n\n .ingredient-info h3 {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: right;\n direction: rtl;\n }\n\n .molecular-animation {\n display: flex;\n justify-content: center;\n margin: 2rem 0;\n gap: 1rem;\n }\n\n .molecule {\n width: 20px;\n height: 20px;\n background: #9C8102;\n border-radius: 50%;\n animation: pulse 2s ease-in-out infinite;\n }\n\n .molecule:nth-child(2) { animation-delay: 0.5s; }\n .molecule:nth-child(3) { animation-delay: 1s; }\n\n @keyframes pulse {\n 0%, 100% { \n transform: scale(1); \n opacity: 1; \n }\n 50% { \n transform: scale(1.5); \n opacity: 0.7; \n }\n }\n\n .repair-animation {\n display: flex;\n justify-content: center;\n margin: 2rem 0;\n gap: 1rem;\n }\n\n .cell {\n width: 25px;\n height: 25px;\n background: linear-gradient(45deg, #9C8102, #d4c140);\n border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n animation: regenerate 3s ease-in-out infinite;\n }\n\n .cell:nth-child(2) { animation-delay: 1s; }\n .cell:nth-child(3) { animation-delay: 2s; }\n\n @keyframes regenerate {\n 0%, 100% { \n border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n transform: rotate(0deg);\n }\n 50% { \n border-radius: 70% 30% 30% 70% \/ 70% 70% 30% 30%;\n transform: rotate(180deg);\n }\n }\n\n .ingredient-benefits, .ingredient-process {\n text-align: right;\n direction: rtl;\n color: #555;\n }\n\n .ingredient-benefits li, .ingredient-process li {\n margin-bottom: 0.8rem;\n position: relative;\n padding-right: 1.5rem;\n }\n\n \/* Centella Section *\/\n .centella-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n margin-bottom: 4rem;\n border-radius: 20px;\n }\n\n .centella-container {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n max-width: 1000px;\n margin: 0 auto;\n align-items: center;\n }\n\n .centella-image {\n position: relative;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n }\n\n .centella-image img {\n width: 100%;\n height: 300px;\n object-fit: cover;\n }\n\n .healing-animation {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100px;\n height: 100px;\n }\n\n .healing-wave {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 20px;\n height: 20px;\n border: 2px solid rgba(156,129,2,0.6);\n border-radius: 50%;\n transform: translate(-50%, -50%);\n animation: healingPulse 3s ease-out infinite;\n }\n\n .healing-wave:nth-child(2) { animation-delay: 1s; }\n .healing-wave:nth-child(3) { animation-delay: 2s; }\n\n @keyframes healingPulse {\n 0% {\n width: 20px;\n height: 20px;\n opacity: 1;\n }\n 100% {\n width: 100px;\n height: 100px;\n opacity: 0;\n }\n }\n\n .centella-info h3 {\n color: #9C8102;\n font-size: 1.5rem;\n font-weight: 600;\n margin-bottom: 2rem;\n text-align: right;\n direction: rtl;\n }\n\n .compound-list {\n direction: rtl;\n text-align: right;\n }\n\n .compound-item {\n display: flex;\n align-items: center;\n margin-bottom: 1.5rem;\n padding: 1rem;\n background: white;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateX(50px);\n }\n\n .compound-item:hover {\n transform: translateX(0) translateY(-5px);\n box-shadow: 0 10px 25px rgba(156,129,2,0.15);\n }\n\n .compound-icon {\n font-size: 2rem;\n margin-left: 1rem;\n animation: rotate 4s linear infinite;\n }\n\n @keyframes rotate {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n .compound-details h4 {\n color: #9C8102;\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 0.5rem;\n }\n\n .compound-details p {\n color: #666;\n font-size: 0.95rem;\n }\n\n \/* Technology Section *\/\n .technology-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);\n color: white;\n margin-bottom: 4rem;\n border-radius: 20px;\n }\n\n .technology-section .section-title {\n color: white;\n }\n\n .technology-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n .tech-card, .experience-timeline {\n background: rgba(255,255,255,0.1);\n padding: 2rem;\n border-radius: 15px;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.2);\n }\n\n .tech-card h3, .experience-timeline h3 {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 2rem;\n text-align: center;\n }\n\n .tech-features {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.5rem;\n }\n\n .tech-feature {\n text-align: center;\n padding: 1rem;\n background: rgba(255,255,255,0.05);\n border-radius: 10px;\n transition: all 0.3s ease;\n opacity: 0;\n transform: scale(0.8);\n }\n\n .tech-feature:hover {\n transform: scale(1.05);\n background: rgba(156,129,2,0.2);\n }\n\n .tech-icon {\n font-size: 2rem;\n margin-bottom: 0.5rem;\n animation: float 3s ease-in-out infinite;\n }\n\n .tech-feature h4 {\n color: #9C8102;\n font-size: 1rem;\n font-weight: 600;\n margin-bottom: 0.5rem;\n }\n\n .tech-feature p {\n font-size: 0.85rem;\n opacity: 0.9;\n }\n\n .experience-steps {\n direction: rtl;\n text-align: right;\n }\n\n .experience-step {\n display: flex;\n align-items: center;\n margin-bottom: 1.5rem;\n padding: 1rem;\n background: rgba(255,255,255,0.05);\n border-radius: 10px;\n border-left: 4px solid #9C8102;\n transition: all 0.3s ease;\n }\n\n .experience-step:hover {\n background: rgba(156,129,2,0.1);\n transform: translateX(-10px);\n }\n\n .step-time {\n font-weight: bold;\n color: #9C8102;\n margin-left: 1rem;\n min-width: 120px;\n }\n\n .step-desc {\n opacity: 0.9;\n }\n\n \/* Why Choose Section *\/\n .why-choose-section {\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n }\n\n .scientific-proof {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 2rem;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .proof-card {\n background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n text-align: center;\n transition: all 0.3s ease;\n border-top: 4px solid #9C8102;\n }\n\n .proof-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(156,129,2,0.2);\n }\n\n .proof-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n animation: pulse 3s ease-in-out infinite;\n }\n\n .proof-card h3 {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n }\n\n .proof-list {\n text-align: right;\n direction: rtl;\n list-style: none;\n padding: 0;\n }\n\n .proof-list li {\n margin-bottom: 1rem;\n padding: 0.8rem;\n background: rgba(156,129,2,0.05);\n border-radius: 8px;\n border-right: 3px solid #9C8102;\n }\n\n .proof-list li strong {\n color: #9C8102;\n }\n\n \/* Investment Section *\/\n .investment-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);\n color: white;\n border-radius: 20px;\n margin-bottom: 2rem;\n position: relative;\n overflow: hidden;\n }\n\n .investment-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"25\" cy=\"25\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.05\"\/\u003e\u003ccircle cx=\"75\" cy=\"75\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.05\"\/\u003e\u003ccircle cx=\"50\" cy=\"50\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.05\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23grain)\"\/\u003e\u003c\/svg\u003e');\n opacity: 0.3;\n }\n\n .investment-content {\n position: relative;\n z-index: 2;\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n\n .investment-title {\n font-size: 2.5rem;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 1.5rem;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n }\n\n .investment-tagline {\n font-size: 1.2rem;\n line-height: 1.8;\n margin-bottom: 3rem;\n opacity: 0.9;\n text-align: right;\n direction: rtl;\n }\n\n .final-results h3 {\n color: #9C8102;\n font-size: 1.8rem;\n font-weight: 600;\n margin-bottom: 2rem;\n }\n\n .final-benefits {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1rem;\n text-align: right;\n direction: rtl;\n }\n\n .final-benefit {\n display: flex;\n align-items: center;\n padding: 1rem;\n background: rgba(255,255,255,0.1);\n border-radius: 10px;\n backdrop-filter: blur(10px);\n border-right: 4px solid #9C8102;\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(30px);\n }\n\n .final-benefit:hover {\n background: rgba(156,129,2,0.2);\n transform: translateY(0) translateX(-10px);\n }\n\n .final-benefit .benefit-icon {\n font-size: 1.5rem;\n margin-left: 1rem;\n animation: bounce 2s ease-in-out infinite;\n }\n\n .final-benefit:nth-child(2) .benefit-icon { animation-delay: 0.2s; }\n .final-benefit:nth-child(3) .benefit-icon { animation-delay: 0.4s; }\n .final-benefit:nth-child(4) .benefit-icon { animation-delay: 0.6s; }\n .final-benefit:nth-child(5) .benefit-icon { animation-delay: 0.8s; }\n\n @keyframes bounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-5px); }\n }\n\n .final-benefit .benefit-text {\n font-size: 1rem;\n line-height: 1.5;\n }\n\n .final-benefit strong {\n color: #9C8102;\n }\n\n \/* Results Section *\/\n .results-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);\n color: white;\n margin-bottom: 4rem;\n border-radius: 20px;\n }\n\n .results-section .section-title {\n color: white;\n }\n\n .timeline {\n max-width: 900px;\n margin: 0 auto;\n position: relative;\n }\n\n .timeline::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n width: 2px;\n height: 100%;\n background: #9C8102;\n transform: translateX(-50%);\n }\n\n .timeline-item {\n display: flex;\n align-items: center;\n margin-bottom: 3rem;\n position: relative;\n }\n\n .timeline-item:nth-child(odd) .timeline-content {\n margin-right: 50%;\n padding-right: 3rem;\n text-align: right;\n }\n\n .timeline-item:nth-child(even) .timeline-content {\n margin-left: 50%;\n padding-left: 3rem;\n }\n\n .timeline-marker {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 60px;\n background: #9C8102;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n font-weight: bold;\n color: white;\n z-index: 2;\n animation: glow 2s ease-in-out infinite alternate;\n }\n\n @keyframes glow {\n from { box-shadow: 0 0 20px rgba(156,129,2,0.5); }\n to { box-shadow: 0 0 30px rgba(156,129,2,0.8); }\n }\n\n .timeline-content h3 {\n color: #9C8102;\n font-size: 1.4rem;\n margin-bottom: 1.5rem;\n }\n\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 1.5rem;\n }\n\n .stat {\n text-align: center;\n padding: 1rem;\n background: rgba(255,255,255,0.1);\n border-radius: 10px;\n backdrop-filter: blur(10px);\n }\n\n .stat-number {\n display: block;\n font-size: 2.5rem;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 0.5rem;\n }\n\n .stat-label {\n font-size: 0.9rem;\n opacity: 0.9;\n }\n\n \/* Usage Section *\/\n .usage-section {\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n }\n\n .usage-container {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n max-width: 1000px;\n margin: 0 auto;\n align-items: center;\n }\n\n .usage-video {\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n background: linear-gradient(135deg, #9C8102 0%, #d4c140 100%);\n position: relative;\n }\n\n .usage-video video {\n width: 100%;\n height: auto;\n display: block;\n position: relative;\n z-index: 2;\n }\n\n .usage-steps {\n direction: rtl;\n text-align: right;\n }\n\n .step {\n display: flex;\n align-items: center;\n margin-bottom: 2rem;\n opacity: 0;\n transform: translateX(50px);\n animation: slideInRight 0.8s ease-out forwards;\n }\n\n .step:nth-child(1) { animation-delay: 0.2s; }\n .step:nth-child(2) { animation-delay: 0.4s; }\n .step:nth-child(3) { animation-delay: 0.6s; }\n .step:nth-child(4) { animation-delay: 0.8s; }\n\n @keyframes slideInRight {\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n .step-number {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #9C8102, #d4c140);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.3rem;\n font-weight: bold;\n color: white;\n margin-left: 1.5rem;\n box-shadow: 0 5px 15px rgba(156,129,2,0.3);\n }\n\n .step p {\n font-size: 1.1rem;\n color: #333;\n font-weight: 500;\n }\n\n \/* Ingredients Section *\/\n .ingredients-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n border-radius: 20px;\n margin-bottom: 2rem;\n }\n\n .ingredients-container {\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n }\n\n .ingredients-text {\n font-size: 0.95rem;\n line-height: 1.8;\n color: #555;\n padding: 2rem;\n background: white;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n border-left: 4px solid #9C8102;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .main-title {\n font-size: 1.8rem;\n }\n\n .subtitle {\n font-size: 1rem;\n }\n\n .video-container {\n height: 50vh;\n min-height: 300px;\n }\n\n .hero-text-section {\n padding: 2rem 1rem;\n }\n\n .benefits-grid {\n grid-template-columns: 1fr;\n }\n\n .ingredient-showcase {\n grid-template-columns: 1fr;\n }\n\n .centella-container {\n grid-template-columns: 1fr;\n }\n\n .technology-grid {\n grid-template-columns: 1fr;\n }\n\n .tech-features {\n grid-template-columns: 1fr;\n }\n\n .scientific-proof {\n grid-template-columns: 1fr;\n }\n\n .usage-container {\n grid-template-columns: 1fr;\n }\n\n .timeline::before {\n left: 30px;\n }\n\n .timeline-item:nth-child(odd) .timeline-content,\n .timeline-item:nth-child(even) .timeline-content {\n margin-left: 80px;\n margin-right: 0;\n padding-left: 2rem;\n padding-right: 0;\n text-align: left;\n }\n\n .timeline-marker {\n left: 30px;\n width: 40px;\n height: 40px;\n font-size: 1.2rem;\n }\n\n .stats-grid {\n grid-template-columns: 1fr;\n }\n\n .investment-title {\n font-size: 2rem;\n }\n\n .compound-item {\n flex-direction: column;\n text-align: center;\n }\n\n .compound-icon {\n margin: 0 0 1rem 0;\n }\n }\n\n \/* Advanced Animation Triggers *\/\n .benefit-card.animate {\n opacity: 1;\n transform: translateY(0);\n transition: all 0.8s ease;\n }\n\n .benefit-card:nth-child(1).animate { transition-delay: 0.1s; }\n .benefit-card:nth-child(2).animate { transition-delay: 0.2s; }\n .benefit-card:nth-child(3).animate { transition-delay: 0.3s; }\n .benefit-card:nth-child(4).animate { transition-delay: 0.4s; }\n .benefit-card:nth-child(5).animate { transition-delay: 0.5s; }\n .benefit-card:nth-child(6).animate { transition-delay: 0.6s; }\n\u003c\/style\u003e\n\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 if (entry.target.classList.contains('benefit-card')) {\n entry.target.classList.add('animate');\n }\n \n if (entry.target.classList.contains('stat-number')) {\n animateNumber(entry.target);\n }\n\n if (entry.target.classList.contains('compound-item')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateX(0)';\n }\n\n if (entry.target.classList.contains('tech-feature')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'scale(1)';\n }\n\n if (entry.target.classList.contains('final-benefit')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n }\n });\n }, observerOptions);\n\n \/\/ Observe benefit cards\n document.querySelectorAll('.benefit-card').forEach(card =\u003e {\n observer.observe(card);\n });\n\n \/\/ Observe stat numbers\n document.querySelectorAll('.stat-number').forEach(stat =\u003e {\n observer.observe(stat);\n });\n\n \/\/ Observe compound items for centella section\n document.querySelectorAll('.compound-item').forEach(item =\u003e {\n observer.observe(item);\n });\n\n \/\/ Observe tech features\n document.querySelectorAll('.tech-feature').forEach(feature =\u003e {\n observer.observe(feature);\n });\n\n \/\/ Observe final benefits\n document.querySelectorAll('.final-benefit').forEach(benefit =\u003e {\n observer.observe(benefit);\n });\n\n \/\/ Animate numbers\n function animateNumber(element) {\n const target = parseInt(element.dataset.target);\n const duration = 2000;\n const start = Date.now();\n \n function updateNumber() {\n const elapsed = Date.now() - start;\n const progress = Math.min(elapsed \/ duration, 1);\n \n \/\/ Easing function\n const easeOutCubic = 1 - Math.pow(1 - progress, 3);\n const current = Math.floor(easeOutCubic * target);\n \n element.textContent = current;\n \n if (progress \u003c 1) {\n requestAnimationFrame(updateNumber);\n } else {\n element.textContent = target;\n }\n }\n \n updateNumber();\n }\n\n \/\/ Add scroll-triggered animations for ingredient cards\n const ingredientCards = document.querySelectorAll('.ingredient-card');\n \n const ingredientObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transform = 'translateY(0) scale(1)';\n entry.target.style.opacity = '1';\n }\n });\n }, { threshold: 0.2 });\n\n ingredientCards.forEach(card =\u003e {\n card.style.transform = 'translateY(50px) scale(0.9)';\n card.style.opacity = '0';\n card.style.transition = 'all 0.8s ease';\n ingredientObserver.observe(card);\n });\n\n \/\/ Add animations for proof cards\n const proofCards = document.querySelectorAll('.proof-card');\n \n const proofObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach((entry, index) =\u003e {\n if (entry.isIntersecting) {\n setTimeout(() =\u003e {\n entry.target.style.transform = 'translateY(0) scale(1)';\n entry.target.style.opacity = '1';\n }, index * 200);\n }\n });\n }, { threshold: 0.2 });\n\n proofCards.forEach(card =\u003e {\n card.style.transform = 'translateY(50px) scale(0.9)';\n card.style.opacity = '0';\n card.style.transition = 'all 0.8s ease';\n proofObserver.observe(card);\n });\n\n \/\/ Add animations for experience steps\n const experienceSteps = document.querySelectorAll('.experience-step');\n \n const experienceObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach((entry, index) =\u003e {\n if (entry.isIntersecting) {\n setTimeout(() =\u003e {\n entry.target.style.transform = 'translateX(0)';\n entry.target.style.opacity = '1';\n }, index * 300);\n }\n });\n }, { threshold: 0.3 });\n\n experienceSteps.forEach(step =\u003e {\n step.style.transform = 'translateX(100px)';\n step.style.opacity = '0';\n step.style.transition = 'all 0.8s ease';\n experienceObserver.observe(step);\n });\n\n \/\/ Timeline animation\n const timelineItems = document.querySelectorAll('.timeline-item');\n \n const timelineObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transform = 'translateX(0)';\n entry.target.style.opacity = '1';\n }\n });\n }, { threshold: 0.3 });\n\n timelineItems.forEach((item, index) =\u003e {\n item.style.transform = index % 2 === 0 ? 'translateX(-100px)' : 'translateX(100px)';\n item.style.opacity = '0';\n item.style.transition = 'all 0.8s ease';\n timelineObserver.observe(item);\n });\n\n \/\/ Handle video loading and mobile compatibility\n function handleVideoLoading() {\n const videos = document.querySelectorAll('video');\n \n videos.forEach(video =\u003e {\n \/\/ Ensure video is muted for autoplay\n video.muted = true;\n video.setAttribute('muted', 'true');\n video.setAttribute('webkit-playsinline', 'true');\n video.setAttribute('playsinline', 'true');\n \n \/\/ Try to play the video\n const playPromise = video.play();\n \n if (playPromise !== undefined) {\n playPromise.then(() =\u003e {\n console.log('Video is playing');\n }).catch(error =\u003e {\n console.log('Video autoplay prevented:', error);\n });\n }\n\n \/\/ Ensure video stays muted\n video.addEventListener('loadstart', function() {\n this.muted = true;\n });\n });\n }\n\n \/\/ Initialize video handling when DOM is loaded\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', handleVideoLoading);\n } else {\n handleVideoLoading();\n }\n\n \/\/ Smooth scroll behavior for better user experience\n document.documentElement.style.scrollBehavior = 'smooth';\n\n \/\/ Add hover effects to step numbers\n document.querySelectorAll('.step-number').forEach(step =\u003e {\n step.addEventListener('mouseenter', () =\u003e {\n step.style.transform = 'scale(1.1) rotate(10deg)';\n step.style.transition = 'all 0.3s ease';\n });\n \n step.addEventListener('mouseleave', () =\u003e {\n step.style.transform = 'scale(1) rotate(0deg)';\n });\n });\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":46999399235758,"sku":null,"price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/revive-serum-ginseng-snail-mucin-serums-ampoules-406964.webp?v=1788175351"},{"product_id":"beauty-of-joseon-calming-serum-green-tea-and-panthenol-clear-30ml","title":"Beauty of Joseon Calming Serum متخصص تهدئة البشرة و تخفيف الاحمرار 30ml","description":"\u003cdiv class=\"product-description\"\u003e\n \u003c!-- Video Section --\u003e\n \u003cdiv class=\"video-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003cvideo autoplay muted loop playsinline preload=\"metadata\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/413443a24bfe4ef1a568fe7c3bc4544c.mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Hero Text Section --\u003e\n \u003cdiv class=\"hero-text-section\"\u003e\n \u003ch1 class=\"main-title fade-in\"\u003eالتركيبة الكورية التي تحول البشرة الملتهبة إلى بشرة مثالية\u003c\/h1\u003e\n \u003cp class=\"subtitle slide-up\"\u003eBeauty of Joseon Calming Serum: المعادلة السحرية للبشرة الحساسة\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Problem Section --\u003e\n \u003cdiv class=\"problem-section\"\u003e\n \u003cdiv class=\"problem-container\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum.png?v=1748104893\" alt=\"Beauty of Joseon Calming Serum\"\u003e\n \u003cdiv class=\"problem-content\"\u003e\n \u003ch2\u003eالبشرة الحساسة والملتهبة - عدوك الأول\u003c\/h2\u003e\n \u003cp class=\"problem-intro\"\u003eهل تعانين من \u003cstrong\u003eبشرة تتفاعل مع كل شيء؟\u003c\/strong\u003e احمرار مستمر من أشعة الشمس، تهيج من أبسط المنتجات، جفاف وحكة لا تتوقف؟\u003c\/p\u003e\n \n \u003ch3\u003eالمشاكل الأساسية:\u003c\/h3\u003e\n \u003cul class=\"problem-list\"\u003e\n \u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e🔥\u003c\/span\u003e\u003cstrong\u003eالالتهاب المزمن\u003c\/strong\u003e الذي يدمر حاجز البشرة الطبيعي\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e☀️\u003c\/span\u003e\u003cstrong\u003eأضرار الأشعة فوق البنفسجية\u003c\/strong\u003e التي تسبب احمراراً وشيخوخة مبكرة\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e💧\u003c\/span\u003e\u003cstrong\u003eفقدان الرطوبة السريع\u003c\/strong\u003e الذي يترك البشرة جافة ومتشققة\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e😰\u003c\/span\u003e\u003cstrong\u003eحساسية مفرطة\u003c\/strong\u003e تجعل أي منتج جديد مصدر خوف وقلق\u003c\/li\u003e\n \u003c\/ul\u003e\n\n \u003cdiv class=\"painful-result\"\u003e\n \u003ch3\u003eالنتيجة المؤلمة:\u003c\/h3\u003e\n \u003cp\u003eبشرة غاضبة ومتمردة، ثقة مفقودة، وشعور دائم بأن لا حل لهذه المعاناة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Solution Benefits --\u003e\n \u003cdiv class=\"solution-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eالحل النهائي الذي يوقف معاناة البشرة الحساسة في 60 ثانية\u003c\/h2\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"100\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003eمضاد للالتهاب\u003c\/h3\u003e\n \u003cp\u003eتهدئة فورية للاحمرار والتهيج الناتج عن الحساسية أو التعرض للشمس.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"200\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eتقوية حاجز البشرة\u003c\/h3\u003e\n \u003cp\u003eإصلاح وتعزيز الطبقة الواقية الطبيعية لمنع اختراق المهيجات الخارجية.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"300\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e💦\u003c\/div\u003e\n \u003ch3\u003eتعزيز الترطيب العميق\u003c\/h3\u003e\n \u003cp\u003eترطيب متعدد الطبقات يصل إلى أعماق البشرة ويحتفظ بالرطوبة لساعات طويلة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"400\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e💚\u003c\/div\u003e\n \u003ch3\u003eتهدئة البشرة الحساسة\u003c\/h3\u003e\n \u003cp\u003eراحة فورية للبشرة المتفاعلة مع العوامل البيئية والمنتجات التجميلية.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"500\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e☂️\u003c\/div\u003e\n \u003ch3\u003eالحماية من الأشعة الضارة\u003c\/h3\u003e\n \u003cp\u003eمقاومة التأثيرات السلبية للأشعة فوق البنفسجية والتلوث البيئي.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Science Behind Formula --\u003e\n \u003cdiv class=\"science-header\"\u003e\n \u003ch2 class=\"section-title\"\u003eالعلم وراء التركيبة المطورة\u003c\/h2\u003e\n \u003ch1 class=\"science-subtitle\"\u003eمن أول لمسة: كيف يمحو هذا السيروم الكوري 15 سنة من أضرار البشرة؟\u003c\/h1\u003e\n \u003c\/div\u003e\n\n \u003c!-- Main Ingredients --\u003e\n \u003cdiv class=\"ingredients-section\"\u003e\n \u003cdiv class=\"ingredient-showcase\"\u003e\n \u003cdiv class=\"ingredient-card green-tea-card\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum_2.jpg?v=1748105004\" alt=\"Green Tea\"\u003e\n \u003cdiv class=\"ingredient-info\"\u003e\n \u003ch3\u003eالشاي الأخضر 50% | Green Tea Powerhouse\u003c\/h3\u003e\n \u003cdiv class=\"ancient-wisdom\"\u003e\n \u003cp\u003eفي كتاب \"دونغ أوي بوغام\" الطبي العريق: \"الشاي الأخضر ينعش الطاقة ويصفي الذهن ويهدئ البشرة المتضررة من أشعة الشمس.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003ch4\u003eكيف يهزم الشاي الأخضر الكوري أصعب أنواع الالتهاب؟\u003c\/h4\u003e\n \u003cul class=\"ingredient-benefits\"\u003e\n \u003cli\u003eتهدئة الالتهابات الناتجة عن الأشعة فوق البنفسجية\u003c\/li\u003e\n \u003cli\u003eمكافحة الجذور الحرة بقوة مضادات الأكسدة الطبيعية\u003c\/li\u003e\n \u003cli\u003eتجديد خلايا البشرة التالفة وحمايتها من التلف المستقبلي\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-card mugwort-card\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum_3.jpg?v=1748105031\" alt=\"Mugwort\"\u003e\n \u003cdiv class=\"ingredient-info\"\u003e\n \u003ch3\u003eمستخلص الماجوورت 30% | Mugwort Extract\u003c\/h3\u003e\n \u003cdiv class=\"sacred-herb\"\u003e\n \u003cp\u003eعشبة مقدسة في الطب الشرقي، تُعرف بـ\"أم الأعشاب\" لخصائصها العلاجية المتميزة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003ch4\u003eالمغيثة الطبيعية تقدم:\u003c\/h4\u003e\n \u003cul class=\"ingredient-benefits\"\u003e\n \u003cli\u003eتهدئة فورية للبشرة المتهيجة والملتهبة\u003c\/li\u003e\n \u003cli\u003eترطيب عميق ولطيف للبشرة الحساسة\u003c\/li\u003e\n \u003cli\u003eتقوية مناعة البشرة الطبيعية ضد المهيجات الخارجية\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-card panthenol-card\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/12.webp?v=1748105051\" alt=\"Panthenol\"\u003e\n \u003cdiv class=\"ingredient-info\"\u003e\n \u003ch3\u003eالبانثينول 5% | Pro-Vitamin B5\u003c\/h3\u003e\n \u003cdiv class=\"revolutionary-development\"\u003e\n \u003cp\u003eتطوير ثوري: زيادة التركيز من 2% إلى 5% لحماية مضاعفة!\u003c\/p\u003e\n \u003c\/div\u003e\n \u003ch4\u003eالبانثينول المتقدم يحقق:\u003c\/h4\u003e\n \u003cul class=\"ingredient-benefits\"\u003e\n \u003cli\u003eتكوين حاجز رطوبة واقي يدوم 24 ساعة\u003c\/li\u003e\n \u003cli\u003eتحويل فوري إلى فيتامين B5 داخل خلايا البشرة\u003c\/li\u003e\n \u003cli\u003eمنع فقدان الرطوبة وحماية البشرة من التهيج المتكرر\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Supporting Ingredients --\u003e\n \u003cdiv class=\"supporting-ingredients\"\u003e\n \u003ch2 class=\"section-title\"\u003eالمكونات التكميلية المتقدمة\u003c\/h2\u003e\n \u003cdiv class=\"supporting-grid\"\u003e\n \u003cdiv class=\"supporting-item\" data-aos=\"fade-up\" data-delay=\"100\"\u003e\n \u003cdiv class=\"supporting-icon\"\u003e🌱\u003c\/div\u003e\n \u003ch3\u003eالأللانتوين | Allantoin\u003c\/h3\u003e\n \u003cp\u003eمهدئ طبيعي يسرع شفاء البشرة المتضررة ويقلل التهيج.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"supporting-item\" data-aos=\"fade-up\" data-delay=\"200\"\u003e\n \u003cdiv class=\"supporting-icon\"\u003e💧\u003c\/div\u003e\n \u003ch3\u003eحمض الهيالورونيك | Sodium Hyaluronate\u003c\/h3\u003e\n \u003cp\u003eجزيئات مائية تحبس الرطوبة وتنعم ملمس البشرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"supporting-item\" data-aos=\"fade-up\" data-delay=\"300\"\u003e\n \u003cdiv class=\"supporting-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003eمستخلص عرق السوس | Dipotassium Glycyrrhizate\u003c\/h3\u003e\n \u003cp\u003eمضاد طبيعي للالتهاب يوحد لون البشرة ويقلل التصبغات.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"supporting-item\" data-aos=\"fade-up\" data-delay=\"400\"\u003e\n \u003cdiv class=\"supporting-icon\"\u003e🌾\u003c\/div\u003e\n \u003ch3\u003eمستخلص جذور القبطس | Coptis Japonica Root Extract\u003c\/h3\u003e\n \u003cp\u003eعشبة صينية تقليدية مضادة للبكتيريا ومهدئة للبشرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Transformation Journey --\u003e\n \u003cdiv class=\"transformation-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eرحلة التحول مع السيروم\u003c\/h2\u003e\n \u003cdiv class=\"timeline\"\u003e\n \u003cdiv class=\"timeline-item\" data-time=\"1hour\"\u003e\n \u003cdiv class=\"timeline-marker\"\u003e1h\u003c\/div\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3\u003eخلال أول ساعة\u003c\/h3\u003e\n \u003cdiv class=\"results-list\"\u003e\n \u003cdiv class=\"result-item\"\u003e✅ تهدئة فورية للاحمرار والحكة\u003c\/div\u003e\n \u003cdiv class=\"result-item\"\u003e✅ إحساس بالانتعاش والراحة\u003c\/div\u003e\n \u003cdiv class=\"result-item\"\u003e✅ امتصاص سريع دون ترك أثر دهني\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-item\" data-time=\"1week\"\u003e\n \u003cdiv class=\"timeline-marker\"\u003e1w\u003c\/div\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3\u003eخلال أسبوع\u003c\/h3\u003e\n \u003cdiv class=\"results-list\"\u003e\n \u003cdiv class=\"result-item\"\u003e✅ تحسن ملحوظ في حساسية البشرة\u003c\/div\u003e\n \u003cdiv class=\"result-item\"\u003e✅ ترطيب أعمق وأطول مدى\u003c\/div\u003e\n \u003cdiv class=\"result-item\"\u003e✅ تقوية واضحة في حاجز البشرة الطبيعي\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-item\" data-time=\"1month\"\u003e\n \u003cdiv class=\"timeline-marker\"\u003e1m\u003c\/div\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3\u003eخلال شهر\u003c\/h3\u003e\n \u003cdiv class=\"results-list\"\u003e\n \u003cdiv class=\"result-item\"\u003e✅ بشرة أكثر مقاومة للمهيجات الخارجية\u003c\/div\u003e\n \u003cdiv class=\"result-item\"\u003e✅ توحيد لون البشرة وتقليل الاحمرار المزمن\u003c\/div\u003e\n \u003cdiv class=\"result-item\"\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\n \u003c!-- What Makes It Unique --\u003e\n \u003cdiv class=\"unique-section\"\u003e\n \u003cdiv class=\"unique-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum_green_tea_mugwort.webp?v=1748105239\" alt=\"Green Tea and Mugwort\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unique-content\"\u003e\n \u003ch2\u003eما الذي يميز هذا السيروم عن غيره من السيرومات المهدئة؟\u003c\/h2\u003e\n \u003cdiv class=\"unique-features\"\u003e\n \u003cdiv class=\"unique-feature\" data-aos=\"fade-right\" data-delay=\"100\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"feature-content\"\u003e\n \u003ch3\u003eتعزيز مضاعف للتهدئة\u003c\/h3\u003e\n \u003cp\u003eزيادة تركيز الماجوورت من 20% إلى 30% لتأثير مهدئ أقوى وأطول مدى.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unique-feature\" data-aos=\"fade-right\" data-delay=\"200\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🛡️\u003c\/div\u003e\n \u003cdiv class=\"feature-content\"\u003e\n \u003ch3\u003eحماية مضاعفة للرطوبة\u003c\/h3\u003e\n \u003cp\u003eزيادة البانثينول من 2% إلى 5% لحاجز رطوبة أقوى وحماية أفضل.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unique-feature\" data-aos=\"fade-right\" data-delay=\"300\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e⚖️\u003c\/div\u003e\n \u003cdiv class=\"feature-content\"\u003e\n \u003ch3\u003eتركيبة متوازنة مثالياً\u003c\/h3\u003e\n \u003cp\u003eنسب محسوبة علمياً لضمان أقصى فعالية مع أقل احتمالية للتهيج.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unique-feature\" data-aos=\"fade-right\" data-delay=\"400\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv class=\"feature-content\"\u003e\n \u003ch3\u003eقوام حريري متطور\u003c\/h3\u003e\n \u003cp\u003eملمس خفيف يمتص بسرعة ويترك البشرة ناعمة ومنتعشة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Usage Instructions --\u003e\n \u003cdiv class=\"usage-instructions\"\u003e\n \u003ch2 class=\"section-title\"\u003eطريقة الاستخدام الصحيحة\u003c\/h2\u003e\n \u003cdiv class=\"usage-grid\"\u003e\n \u003cdiv class=\"usage-time morning\"\u003e\n \u003ch3\u003eالصباح\u003c\/h3\u003e\n \u003col class=\"usage-steps\"\u003e\n \u003cli\u003eبعد تنظيف الوجه، ضعي كمية صغيرة على الوجه والرقبة\u003c\/li\u003e\n \u003cli\u003eدلكي بلطف بحركات تصاعدية حتى الامتصاص الكامل\u003c\/li\u003e\n \u003cli\u003eاتبعي بالمرطب وواقي الشمس\u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usage-time evening\"\u003e\n \u003ch3\u003eالمساء\u003c\/h3\u003e\n \u003col class=\"usage-steps\"\u003e\n \u003cli\u003eطبقي السيروم على البشرة النظيفة والجافة\u003c\/li\u003e\n \u003cli\u003eاتركيه يمتص لمدة دقيقتين قبل تطبيق المنتجات الأخرى\u003c\/li\u003e\n \u003cli\u003eاستخدمي يومياً للحصول على أفضل النتائج\u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"usage-time sensitive\"\u003e\n \u003ch3\u003eللبشرة شديدة الحساسية\u003c\/h3\u003e\n \u003cul class=\"usage-steps\"\u003e\n \u003cli\u003eابدئي بالاستخدام مرة كل يومين\u003c\/li\u003e\n \u003cli\u003eزيدي التكرار تدريجياً حسب استجابة بشرتك\u003c\/li\u003e\n \u003cli\u003eيمكن استخدامه كقناع مهدئ لمدة 10 دقائق ثم يُمسح برفق\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Ingredients List --\u003e\n \u003cdiv class=\"ingredients-list-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eجميع المكونات\u003c\/h2\u003e\n \u003cdiv class=\"ingredients-container\"\u003e\n \u003cp class=\"ingredients-text\"\u003eCamellia Sinensis Leaf Water, Water, Panthenol, Glycerin, Butylene Glycol, 1,2-Hexanediol, Methylpropanediol, Acrylates\/C10-30 Alkyl Acrylate Crosspolymer, Tromethamine, Betaine, Ethylhexylglycerin, Allantoin, Dipotassium Glycyrrhizate, Artemisia Capillaris Extract, Glyceryl Acrylate\/Acrylic Acid Copolymer, Melia Azadirachta Leaf Extract, Polyquaternium-51, Malt Extract, Melia Azadirachta Flower Extract, Coptis Japonica Root Extract, Sodium Hyaluronate\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-description {\n max-width: 1200px;\n margin: 0 auto;\n \n color: #333;\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* Video Section *\/\n .video-section {\n width: 100%;\n margin-bottom: 2rem;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n }\n\n .video-container {\n position: relative;\n width: 100%;\n height: 60vh;\n min-height: 400px;\n }\n\n .video-container video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n\n \/* Hero Text Section *\/\n .hero-text-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 20px;\n margin-bottom: 4rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n }\n\n .main-title {\n font-size: 2.5rem;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 1.5rem;\n text-align: center;\n direction: rtl;\n }\n\n .subtitle {\n font-size: 1.2rem;\n color: #666;\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n line-height: 1.8;\n }\n\n \/* Problem Section *\/\n .problem-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%);\n color: white;\n border-radius: 20px;\n margin-bottom: 4rem;\n border-left: 5px solid #9C8102;\n }\n\n .problem-container {\n display: grid;\n grid-template-columns: 1fr 2fr;\n gap: 3rem;\n max-width: 1000px;\n margin: 0 auto;\n align-items: center;\n }\n\n .problem-container img {\n width: 100%;\n border-radius: 15px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.3);\n }\n\n .problem-content {\n direction: rtl;\n text-align: right;\n }\n\n .problem-content h2 {\n color: #9C8102;\n font-size: 1.8rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n }\n\n .problem-intro {\n font-size: 1.1rem;\n line-height: 1.8;\n margin-bottom: 2rem;\n color: #f0f0f0;\n }\n\n .problem-content h3 {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n\n .problem-list {\n list-style: none;\n padding: 0;\n margin-bottom: 2rem;\n }\n\n .problem-list li {\n display: flex;\n align-items: center;\n margin-bottom: 1rem;\n padding: 1rem;\n background: rgba(255,255,255,0.1);\n border-radius: 10px;\n border-right: 3px solid #9C8102;\n backdrop-filter: blur(10px);\n }\n\n .problem-icon {\n font-size: 1.5rem;\n margin-left: 1rem;\n animation: pulse 2s ease-in-out infinite;\n }\n\n .painful-result {\n background: linear-gradient(135deg, #1a1a1a 0%, #000000 100%);\n color: white;\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n border: 2px solid #9C8102;\n }\n\n .painful-result h3 {\n color: #9C8102;\n margin-bottom: 1rem;\n }\n\n \/* Section Titles *\/\n .section-title {\n font-size: 2rem;\n font-weight: 700;\n color: #9C8102;\n text-align: center;\n margin-bottom: 3rem;\n position: relative;\n direction: rtl;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #9C8102, transparent);\n }\n\n .science-header {\n text-align: center;\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n }\n\n .science-subtitle {\n font-size: 1.8rem;\n font-weight: 600;\n color: #2c3e50;\n margin-top: 1rem;\n direction: rtl;\n }\n\n \/* Solution Benefits *\/\n .solution-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n margin-bottom: 4rem;\n border-radius: 20px;\n border-left: 5px solid #9C8102;\n }\n\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .benefit-card {\n background: white;\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n text-align: center;\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(50px);\n border-top: 4px solid #9C8102;\n }\n\n .benefit-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(156,129,2,0.2);\n }\n\n .benefit-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n animation: float 3s ease-in-out infinite;\n }\n\n .benefit-card h3 {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n\n .benefit-card p {\n color: #666;\n text-align: right;\n direction: rtl;\n }\n\n \/* Ingredients Section *\/\n .ingredients-section {\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n }\n\n .ingredient-showcase {\n display: grid;\n grid-template-columns: 1fr;\n gap: 4rem;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .ingredient-card {\n background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2rem;\n align-items: center;\n }\n\n .ingredient-card:hover {\n transform: scale(1.02);\n box-shadow: 0 20px 40px rgba(156,129,2,0.15);\n }\n\n .ingredient-card img {\n width: 100%;\n height: 300px;\n object-fit: cover;\n }\n\n .ingredient-info {\n padding: 2rem;\n direction: rtl;\n text-align: right;\n }\n\n .ingredient-info h3 {\n color: #9C8102;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n }\n\n .ancient-wisdom, .sacred-herb, .revolutionary-development {\n background: rgba(156,129,2,0.1);\n padding: 1rem;\n border-radius: 10px;\n margin-bottom: 1.5rem;\n border-right: 4px solid #9C8102;\n font-style: italic;\n color: #666;\n }\n\n .ingredient-info h4 {\n color: #2c3e50;\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n\n .ingredient-benefits {\n list-style: none;\n padding: 0;\n }\n\n .ingredient-benefits li {\n margin-bottom: 0.8rem;\n position: relative;\n padding-right: 1.5rem;\n }\n\n .ingredient-benefits li::before {\n content: '✓';\n position: absolute;\n right: 0;\n color: #9C8102;\n font-weight: bold;\n }\n\n \/* Supporting Ingredients *\/\n .supporting-ingredients {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n border-radius: 20px;\n margin-bottom: 4rem;\n }\n\n .supporting-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .supporting-item {\n background: white;\n padding: 1.5rem;\n border-radius: 15px;\n text-align: center;\n box-shadow: 0 5px 20px rgba(0,0,0,0.05);\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(30px);\n }\n\n .supporting-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(156,129,2,0.15);\n }\n\n .supporting-icon {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n animation: rotate 4s linear infinite;\n }\n\n .supporting-item h3 {\n color: #9C8102;\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 0.8rem;\n }\n\n .supporting-item p {\n color: #666;\n font-size: 0.9rem;\n text-align: right;\n direction: rtl;\n }\n\n \/* Transformation Timeline *\/\n .transformation-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);\n color: white;\n margin-bottom: 4rem;\n border-radius: 20px;\n }\n\n .transformation-section .section-title {\n color: white;\n }\n\n .timeline {\n max-width: 900px;\n margin: 0 auto;\n position: relative;\n }\n\n .timeline::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n width: 2px;\n height: 100%;\n background: #9C8102;\n transform: translateX(-50%);\n }\n\n .timeline-item {\n display: flex;\n align-items: center;\n margin-bottom: 3rem;\n position: relative;\n }\n\n .timeline-item:nth-child(odd) .timeline-content {\n margin-right: 50%;\n padding-right: 3rem;\n text-align: right;\n }\n\n .timeline-item:nth-child(even) .timeline-content {\n margin-left: 50%;\n padding-left: 3rem;\n }\n\n .timeline-marker {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 60px;\n background: #9C8102;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1rem;\n font-weight: bold;\n color: white;\n z-index: 2;\n animation: glow 2s ease-in-out infinite alternate;\n }\n\n .timeline-content h3 {\n color: #9C8102;\n font-size: 1.4rem;\n margin-bottom: 1.5rem;\n }\n\n .results-list {\n direction: rtl;\n text-align: right;\n }\n\n .result-item {\n margin-bottom: 0.8rem;\n padding: 0.5rem;\n background: rgba(255,255,255,0.1);\n border-radius: 5px;\n font-size: 0.95rem;\n }\n\n \/* Unique Features *\/\n .unique-section {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n padding: 4rem 2rem;\n margin-bottom: 4rem;\n align-items: center;\n }\n\n .unique-image img {\n width: 100%;\n border-radius: 15px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n }\n\n .unique-content {\n direction: rtl;\n text-align: right;\n }\n\n .unique-content h2 {\n color: #9C8102;\n font-size: 1.8rem;\n font-weight: 600;\n margin-bottom: 2rem;\n }\n\n .unique-feature {\n display: flex;\n align-items: flex-start;\n margin-bottom: 2rem;\n opacity: 0;\n transform: translateX(50px);\n transition: all 0.8s ease;\n }\n\n .feature-icon {\n font-size: 2rem;\n margin-left: 1rem;\n animation: bounce 2s ease-in-out infinite;\n }\n\n .feature-content h3 {\n color: #9C8102;\n font-size: 1.2rem;\n font-weight: 600;\n margin-bottom: 0.5rem;\n }\n\n .feature-content p {\n color: #666;\n line-height: 1.6;\n }\n\n \/* Usage Instructions *\/\n .usage-instructions {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);\n border-radius: 20px;\n margin-bottom: 4rem;\n }\n\n .usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .usage-time {\n background: white;\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n direction: rtl;\n text-align: right;\n }\n\n .morning {\n border-top: 4px solid #ffc107;\n }\n\n .evening {\n border-top: 4px solid #6f42c1;\n }\n\n .sensitive {\n border-top: 4px solid #dc3545;\n }\n\n .usage-time h3 {\n color: #9C8102;\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n\n .usage-steps {\n padding-right: 1rem;\n }\n\n .usage-steps li {\n margin-bottom: 1rem;\n line-height: 1.6;\n color: #555;\n }\n\n \/* Ingredients List *\/\n .ingredients-list-section {\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n border-radius: 20px;\n margin-bottom: 2rem;\n }\n\n .ingredients-container {\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n }\n\n .ingredients-text {\n font-size: 0.95rem;\n line-height: 1.8;\n color: #555;\n padding: 2rem;\n background: white;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n border-left: 4px solid #9C8102;\n }\n\n \/* Animations *\/\n .fade-in {\n opacity: 0;\n animation: fadeIn 2s ease-out forwards;\n }\n\n .slide-up {\n opacity: 0;\n transform: translateY(30px);\n animation: slideUp 2s ease-out 0.5s forwards;\n }\n\n @keyframes fadeIn {\n to { opacity: 1; }\n }\n\n @keyframes slideUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n }\n\n @keyframes pulse {\n 0%, 100% { \n transform: scale(1); \n opacity: 1; \n }\n 50% { \n transform: scale(1.1); \n opacity: 0.8; \n }\n }\n\n @keyframes rotate {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n @keyframes glow {\n from { box-shadow: 0 0 20px rgba(156,129,2,0.5); }\n to { box-shadow: 0 0 30px rgba(156,129,2,0.8); }\n }\n\n @keyframes bounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-5px); }\n }\n\n \/* Advanced Animation Triggers *\/\n .benefit-card.animate {\n opacity: 1;\n transform: translateY(0);\n transition: all 0.8s ease;\n }\n\n .benefit-card:nth-child(1).animate { transition-delay: 0.1s; }\n .benefit-card:nth-child(2).animate { transition-delay: 0.2s; }\n .benefit-card:nth-child(3).animate { transition-delay: 0.3s; }\n .benefit-card:nth-child(4).animate { transition-delay: 0.4s; }\n .benefit-card:nth-child(5).animate { transition-delay: 0.5s; }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .main-title {\n font-size: 1.8rem;\n }\n\n .subtitle {\n font-size: 1rem;\n }\n\n .video-container {\n height: 50vh;\n min-height: 300px;\n }\n\n .hero-text-section {\n padding: 2rem 1rem;\n }\n\n .problem-container {\n grid-template-columns: 1fr;\n }\n\n .benefits-grid {\n grid-template-columns: 1fr;\n }\n\n .ingredient-card {\n grid-template-columns: 1fr;\n }\n\n .supporting-grid {\n grid-template-columns: 1fr;\n }\n\n .unique-section {\n grid-template-columns: 1fr;\n }\n\n .usage-grid {\n grid-template-columns: 1fr;\n }\n\n .timeline::before {\n left: 30px;\n }\n\n .timeline-item:nth-child(odd) .timeline-content,\n .timeline-item:nth-child(even) .timeline-content {\n margin-left: 80px;\n margin-right: 0;\n padding-left: 2rem;\n padding-right: 0;\n text-align: left;\n }\n\n .timeline-marker {\n left: 30px;\n width: 40px;\n height: 40px;\n font-size: 0.9rem;\n }\n\n .science-subtitle {\n font-size: 1.4rem;\n }\n }\n\u003c\/style\u003e\n\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 if (entry.target.classList.contains('benefit-card')) {\n entry.target.classList.add('animate');\n }\n \n if (entry.target.classList.contains('supporting-item')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n\n if (entry.target.classList.contains('unique-feature')) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateX(0)';\n }\n }\n });\n }, observerOptions);\n\n \/\/ Observe benefit cards\n document.querySelectorAll('.benefit-card').forEach(card =\u003e {\n observer.observe(card);\n });\n\n \/\/ Observe supporting items\n document.querySelectorAll('.supporting-item').forEach(item =\u003e {\n observer.observe(item);\n });\n\n \/\/ Observe unique features\n document.querySelectorAll('.unique-feature').forEach(feature =\u003e {\n observer.observe(feature);\n });\n\n \/\/ Add scroll-triggered animations for ingredient cards\n const ingredientCards = document.querySelectorAll('.ingredient-card');\n \n const ingredientObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transform = 'translateY(0) scale(1)';\n entry.target.style.opacity = '1';\n }\n });\n }, { threshold: 0.2 });\n\n ingredientCards.forEach(card =\u003e {\n card.style.transform = 'translateY(50px) scale(0.9)';\n card.style.opacity = '0';\n card.style.transition = 'all 0.8s ease';\n ingredientObserver.observe(card);\n });\n\n \/\/ Timeline animation\n const timelineItems = document.querySelectorAll('.timeline-item');\n \n const timelineObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.transform = 'translateX(0)';\n entry.target.style.opacity = '1';\n }\n });\n }, { threshold: 0.3 });\n\n timelineItems.forEach((item, index) =\u003e {\n item.style.transform = index % 2 === 0 ? 'translateX(-100px)' : 'translateX(100px)';\n item.style.opacity = '0';\n item.style.transition = 'all 0.8s ease';\n timelineObserver.observe(item);\n });\n\n \/\/ Handle video loading and mobile compatibility\n function handleVideoLoading() {\n const videos = document.querySelectorAll('video');\n \n videos.forEach(video =\u003e {\n \/\/ Ensure video is muted for autoplay\n video.muted = true;\n video.setAttribute('muted', 'true');\n video.setAttribute('webkit-playsinline', 'true');\n video.setAttribute('playsinline', 'true');\n \n \/\/ Try to play the video\n const playPromise = video.play();\n \n if (playPromise !== undefined) {\n playPromise.then(() =\u003e {\n console.log('Video is playing');\n }).catch(error =\u003e {\n console.log('Video autoplay prevented:', error);\n });\n }\n\n \/\/ Ensure video stays muted\n video.addEventListener('loadstart', function() {\n this.muted = true;\n });\n });\n }\n\n \/\/ Initialize video handling when DOM is loaded\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', handleVideoLoading);\n } else {\n handleVideoLoading();\n }\n\n \/\/ Smooth scroll behavior for better user experience\n document.documentElement.style.scrollBehavior = 'smooth';\n\n \/\/ Add stagger animation for problem list items\n const problemItems = document.querySelectorAll('.problem-list li');\n problemItems.forEach((item, index) =\u003e {\n item.style.opacity = '0';\n item.style.transform = 'translateX(50px)';\n item.style.transition = 'all 0.8s ease';\n \n setTimeout(() =\u003e {\n item.style.opacity = '1';\n item.style.transform = 'translateX(0)';\n }, 500 + (index * 200));\n });\n\n \/\/ Add hover effects to usage time cards\n document.querySelectorAll('.usage-time').forEach(card =\u003e {\n card.addEventListener('mouseenter', () =\u003e {\n card.style.transform = 'translateY(-5px) scale(1.02)';\n card.style.transition = 'all 0.3s ease';\n });\n \n card.addEventListener('mouseleave', () =\u003e {\n card.style.transform = 'translateY(0) scale(1)';\n });\n });\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":46999399727278,"sku":null,"price":19.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/beauty_of_joseon_calming_serum_3394f964-d316-4837-9e18-ef0d07fc6429.jpg?v=1788175349"},{"product_id":"capixy-hair-smoothing-and-split-ends-treatment-serum-سيروم-تنعيم-و-علاج-التقصف-من-كابكسي","title":"Capixy hair smoothing and split ends treatment serum سيروم تنعيم و علاج التقصف من كابكسي","description":"\u003cstyle\u003e\n .capixy-hair-container {\n max-width: 100%;\n margin: 0 auto;\n color: #333;\n line-height: 1.6;\n background: #fff;\n }\n\n .hero-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 60px 30px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .hero-section::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: linear-gradient(45deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n animation: shimmer 6s infinite;\n }\n\n @keyframes shimmer {\n 0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\n }\n\n .main-title {\n font-size: 2.5em;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 15px;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s 0.2s forwards;\n }\n\n .subtitle {\n font-size: 1.4em;\n color: #666;\n margin-bottom: 20px;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s 0.4s forwards;\n font-style: italic;\n }\n\n .hero-text {\n font-size: 1.1em;\n color: #666;\n margin-bottom: 40px;\n max-width: 900px;\n margin-left: auto;\n margin-right: auto;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s 0.6s forwards;\n }\n\n .product-image {\n max-width: 600px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n margin: 30px auto;\n display: block;\n opacity: 0;\n transform: scale(0.9);\n animation: zoomIn 1s 0.8s forwards;\n }\n\n @keyframes zoomIn {\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n .benefits-highlight {\n background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n color: #333;\n padding: 50px 30px;\n text-align: center;\n margin: 40px 0;\n border-radius: 15px;\n }\n\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .benefit-item {\n background: white;\n padding: 25px;\n border-radius: 15px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.3s ease;\n border: 2px solid transparent;\n }\n\n .benefit-item:hover {\n transform: translateY(-5px);\n border-color: #9C8102;\n box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n }\n\n .benefit-title {\n color: #9C8102;\n font-size: 1.2em;\n font-weight: 700;\n margin-bottom: 15px;\n }\n\n .technology-section {\n padding: 60px 30px;\n background: white;\n }\n\n .tech-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .tech-card {\n background: white;\n padding: 35px;\n border-radius: 20px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateX(-50px);\n transition: all 0.3s ease;\n border: 2px solid transparent;\n position: relative;\n overflow: hidden;\n }\n\n .tech-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 5px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n }\n\n .tech-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n border-color: #9C8102;\n }\n\n .ingredients-section {\n padding: 60px 30px;\n background: #f8f9fa;\n }\n\n .ingredients-categories {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .ingredient-category {\n background: white;\n padding: 30px;\n border-radius: 15px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.3s ease;\n border: 1px solid #e9ecef;\n position: relative;\n overflow: hidden;\n }\n\n .ingredient-category::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n }\n\n .ingredient-category:hover {\n transform: translateY(-5px);\n box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n border-color: #9C8102;\n }\n\n .category-title {\n color: #9C8102;\n font-size: 1.3em;\n font-weight: 700;\n margin-bottom: 20px;\n }\n\n .ingredient-list {\n list-style: none;\n padding: 0;\n }\n\n .ingredient-list li {\n padding: 12px 0;\n border-bottom: 1px solid #f0f0f0;\n position: relative;\n padding-right: 20px;\n }\n\n .ingredient-list li::before {\n content: '▸';\n color: #9C8102;\n font-weight: bold;\n position: absolute;\n right: 0;\n }\n\n .protection-section {\n padding: 60px 30px;\n background: white;\n }\n\n .protection-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .protection-card {\n background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n padding: 30px;\n border-radius: 15px;\n text-align: center;\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.3s ease;\n border: 2px solid transparent;\n }\n\n .protection-card:hover {\n border-color: #9C8102;\n transform: translateY(-5px);\n }\n\n .temp-display {\n font-size: 3em;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 15px;\n display: block;\n }\n\n .value-section {\n background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n color: #333;\n padding: 60px 30px;\n text-align: center;\n margin: 40px 0;\n border-radius: 15px;\n }\n\n .value-comparison {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .comparison-card {\n background: white;\n padding: 30px;\n border-radius: 15px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.3s ease;\n }\n\n .comparison-card.highlight {\n border: 3px solid #9C8102;\n position: relative;\n }\n\n .comparison-card.highlight::before {\n content: 'أفضل قيمة';\n position: absolute;\n top: -15px;\n left: 50%;\n transform: translateX(-50%);\n background: #9C8102;\n color: white;\n padding: 5px 20px;\n border-radius: 20px;\n font-size: 0.9em;\n font-weight: 600;\n }\n\n .results-section {\n padding: 60px 30px;\n background: white;\n }\n\n .results-timeline {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .timeline-card {\n background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n padding: 30px;\n border-radius: 15px;\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.3s ease;\n border: 2px solid transparent;\n position: relative;\n }\n\n .timeline-card:hover {\n border-color: #9C8102;\n transform: translateY(-5px);\n }\n\n .timeline-period {\n background: #9C8102;\n color: white;\n padding: 10px 20px;\n border-radius: 25px;\n font-weight: 700;\n display: inline-block;\n margin-bottom: 20px;\n }\n\n .results-list {\n list-style: none;\n padding: 0;\n text-align: right;\n }\n\n .results-list li {\n padding: 8px 0;\n border-bottom: 1px solid #e0e0e0;\n position: relative;\n padding-right: 20px;\n }\n\n .results-list li::before {\n content: '✓';\n color: #9C8102;\n font-weight: bold;\n position: absolute;\n right: 0;\n }\n\n .hair-types-section {\n padding: 60px 30px;\n background: #f8f9fa;\n }\n\n .hair-types-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .hair-type-card {\n background: white;\n padding: 30px;\n border-radius: 15px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.3s ease;\n text-align: center;\n border: 2px solid transparent;\n }\n\n .hair-type-card:hover {\n transform: translateY(-5px);\n border-color: #9C8102;\n box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n }\n\n .hair-type-icon {\n font-size: 2.5em;\n color: #9C8102;\n margin-bottom: 15px;\n display: block;\n }\n\n .cta-section {\n background: linear-gradient(135deg, #000000, #1a1a1a, #2d2d2d);\n color: white;\n padding: 60px 30px;\n text-align: center;\n }\n\n .cta-button {\n background: #9C8102;\n color: white;\n padding: 15px 40px;\n border: none;\n border-radius: 50px;\n font-size: 1.2em;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n margin-top: 30px;\n animation: glow 2s infinite alternate;\n }\n\n @keyframes glow {\n 0% { box-shadow: 0 0 20px rgba(156, 129, 2, 0.5); }\n 100% { box-shadow: 0 0 30px rgba(156, 129, 2, 0.8), 0 0 40px rgba(156, 129, 2, 0.3); }\n }\n\n .cta-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 15px 30px rgba(156, 129, 2, 0.4);\n background: #d4af37;\n }\n\n .section-title {\n text-align: center;\n font-size: 2.2em;\n color: #9C8102;\n margin-bottom: 20px;\n position: relative;\n opacity: 0;\n transform: translateY(30px);\n }\n\n .section-subtitle {\n text-align: center;\n font-size: 1.3em;\n color: #666;\n margin-bottom: 40px;\n opacity: 0;\n transform: translateY(30px);\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n animation: expandLine 1s ease-out forwards;\n }\n\n @keyframes expandLine {\n 0% { width: 0; }\n 100% { width: 80px; }\n }\n\n @keyframes fadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .animate-on-scroll {\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.8s ease;\n }\n\n .animate-on-scroll.animated {\n opacity: 1;\n transform: translateY(0);\n }\n\n .highlight {\n color: #9C8102;\n font-weight: 700;\n }\n\n .divider {\n height: 2px;\n background: linear-gradient(90deg, transparent, #9C8102, transparent);\n margin: 40px 0;\n opacity: 0;\n animation: fadeIn 1s forwards;\n }\n\n @keyframes fadeIn {\n to { opacity: 1; }\n }\n\n .price-highlight {\n font-size: 1.5em;\n color: #9C8102;\n font-weight: 700;\n }\n\n .small-text {\n font-size: 0.9em;\n color: #666;\n margin-top: 10px;\n }\n\n @media (max-width: 768px) {\n .main-title { font-size: 2em; }\n .section-title { font-size: 1.8em; }\n .ingredients-categories, .tech-cards, .protection-grid, .value-comparison, .results-timeline, .hair-types-grid {\n grid-template-columns: 1fr;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"capixy-hair-container\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003ch1 class=\"main-title\"\u003eسيروم كابيكسي للشعر\u003c\/h1\u003e\n \u003ch2 class=\"subtitle\"\u003eالحل الثوري 2×1 لتحويل شعرك بالكامل\u003c\/h2\u003e\n \n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/capixy_hair_serum_for_split_ends_and_heat_protection_2.jpg?v=1748442394\" alt=\"Capixy Hair Serum\" class=\"product-image\"\u003e\n \n \u003cp class=\"hero-text\"\u003e\u003cstrong\u003eحوّلي شعرك من التالف والمتساقط إلى الناعم والقوي والصحي بنقط قليلة من العلم الخالص للشعر.\u003c\/strong\u003e هذه تركيبة متقدمة مزدوجة المفعول بتصلح أطراف الشعر المتقصفة، ترطب الشعر الجاف والتالف، وتغذي كل أنواع الشعر مع علاج تساقط الشعر في نفس الوقت وحماية لا مثيل لها من الحرارة لنعومة خالية من الهيشان.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefits Section --\u003e\n \u003cdiv class=\"benefits-highlight\"\u003e\n \u003ch2 style=\"font-size: 1.8em; color: #9C8102; margin-bottom: 20px;\"\u003eالفوائد الثلاثية في منتج واحد\u003c\/h2\u003e\n \n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-item animate-on-scroll\"\u003e\n \u003ch3 class=\"benefit-title\"\u003eعلاج التساقط\u003c\/h3\u003e\n \u003cp\u003eتقنية CAPIXYL™ المتطورة تقلل التساقط بنسبة 46% وتزيد الكثافة 13%\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-item animate-on-scroll\"\u003e\n \u003ch3 class=\"benefit-title\"\u003eإصلاح الأطراف\u003c\/h3\u003e\n \u003cp\u003eالكيراتين المتحلل والحرير يصلحان التقصف ويعيدان بناء الشعر التالف\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-item animate-on-scroll\"\u003e\n \u003ch3 class=\"benefit-title\"\u003eحماية الحرارة\u003c\/h3\u003e\n \u003cp\u003eحماية مطلقة حتى 230 درجة مئوية من جميع أدوات التصفيف\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Technology Section --\u003e\n \u003cdiv class=\"technology-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eمدعوم بتقنية CAPIXYL™\u003c\/h2\u003e\n \u003ch3 class=\"section-subtitle animate-on-scroll\"\u003eالاختراق العلمي لعلاج تساقط الشعر\u003c\/h3\u003e\n \n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/capixy_hair_serum_for_split_ends_and_heat_protection_3.jpg?v=1748442546\" alt=\"Capixy Hair Serum Technology\" class=\"product-image animate-on-scroll\"\u003e\n \n \u003cdiv class=\"tech-cards\"\u003e\n \u003cdiv class=\"tech-card animate-on-scroll\"\u003e\n \u003ch3 style=\"color: #9C8102; font-size: 1.4em; font-weight: 700; margin-bottom: 20px;\"\u003eAcetyl Tetrapeptide-3\u003c\/h3\u003e\n \u003cul style=\"list-style: none; padding: 0; text-align: right;\"\u003e\n \u003cli style=\"padding: 8px 0; border-bottom: 1px solid #e0e0e0;\"\u003eيوقظ بصيلات الشعر النايمة\u003c\/li\u003e\n \u003cli style=\"padding: 8px 0; border-bottom: 1px solid #e0e0e0;\"\u003eيحفز نمو شعر جديد من الجذور\u003c\/li\u003e\n \u003cli style=\"padding: 8px 0;\"\u003eيقوي الشعر الموجود ويمنع تساقطه\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tech-card animate-on-scroll\"\u003e\n \u003ch3 style=\"color: #9C8102; font-size: 1.4em; font-weight: 700; margin-bottom: 20px;\"\u003eمستخلص البرسيم الأحمر\u003c\/h3\u003e\n \u003cul style=\"list-style: none; padding: 0; text-align: right;\"\u003e\n \u003cli style=\"padding: 8px 0; border-bottom: 1px solid #e0e0e0;\"\u003eيحارب هرمون DHT المسؤول عن الصلع\u003c\/li\u003e\n \u003cli style=\"padding: 8px 0; border-bottom: 1px solid #e0e0e0;\"\u003eيحمي البصيلات من التلف\u003c\/li\u003e\n \u003cli style=\"padding: 8px 0;\"\u003eيعيد للشعر كثافته الطبيعية\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"text-align: center; margin-top: 40px; background: #f8f9fa; padding: 30px; border-radius: 15px;\"\u003e\n \u003ch3 style=\"color: #9C8102; margin-bottom: 20px;\"\u003eالنتيجة المثبتة علمياً\u003c\/h3\u003e\n \u003cdiv style=\"display: flex; justify-content: space-around; flex-wrap: wrap; gap: 20px;\"\u003e\n \u003cdiv\u003e\n \u003cspan style=\"font-size: 2em; font-weight: 700; color: #9C8102; display: block;\"\u003e46%\u003c\/span\u003e\n \u003cspan\u003eتقليل في التساقط\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cspan style=\"font-size: 2em; font-weight: 700; color: #9C8102; display: block;\"\u003e13%\u003c\/span\u003e\n \u003cspan\u003eزيادة في الكثافة\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cspan style=\"font-size: 2em; font-weight: 700; color: #9C8102; display: block;\"\u003e4\u003c\/span\u003e\n \u003cspan\u003eشهور للنتيجة الكاملة\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- Ingredients Section --\u003e\n \u003cdiv class=\"ingredients-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eقوة المكونات الممتازة\u003c\/h2\u003e\n \n \u003cdiv class=\"ingredients-categories\"\u003e\n \u003cdiv class=\"ingredient-category animate-on-scroll\"\u003e\n \u003ch3 class=\"category-title\"\u003eلنمو الشعر وصحة فروة الرأس\u003c\/h3\u003e\n \u003cul class=\"ingredient-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eDiaminopyrimidine Oxide:\u003c\/strong\u003e مركب شبيه بالمينوكسيديل يحسن الدورة الدموية لبصيلات الشعر\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eمستخلص البلميط المنشاري:\u003c\/strong\u003e يمنع إنتاج هرمون DHT طبيعياً\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eمستخلص الجنكة بيلوبا:\u003c\/strong\u003e يحسن الدورة الدموية في فروة الرأس\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-category animate-on-scroll\"\u003e\n \u003ch3 class=\"category-title\"\u003eللإصلاح والتقوية\u003c\/h3\u003e\n \u003cul class=\"ingredient-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eالكيراتين المتحلل:\u003c\/strong\u003e يعيد بناء تركيب الشعر التالف من الداخل\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eالبيوتين والبانثينول:\u003c\/strong\u003e فيتامينات أساسية لقوة وسُمك الشعر\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eالحرير المتحلل:\u003c\/strong\u003e يكوّن طبقة حماية للنعومة واللمعان الفوري\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-category animate-on-scroll\"\u003e\n \u003ch3 class=\"category-title\"\u003eللتغذية العميقة\u003c\/h3\u003e\n \u003cul class=\"ingredient-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eزيت اللوز الحلو:\u003c\/strong\u003e غني بفيتامين E والأحماض الدهنية للترطيب العميق\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eزيت الجوجوبا:\u003c\/strong\u003e ترطيب خفيف لا يثقل الشعر\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eمستخلص جنين القمح:\u003c\/strong\u003e مليان بروتينات وفيتامينات لحيوية الشعر\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-category animate-on-scroll\"\u003e\n \u003ch3 class=\"category-title\"\u003eللعناية بفروة الرأس\u003c\/h3\u003e\n \u003cul class=\"ingredient-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eزيت شجرة الشاي:\u003c\/strong\u003e خصائص مضادة للميكروبات لبيئة صحية\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eالصبار:\u003c\/strong\u003e يهدئ التهيج ويوازن الرطوبة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eمستخلص الشاي الأخضر:\u003c\/strong\u003e حماية مضادة للأكسدة ضد الأضرار البيئية\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Protection Section --\u003e\n \u003cdiv class=\"protection-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eالحماية المطلقة من الحرارة\u003c\/h2\u003e\n \u003cp style=\"text-align: center; font-size: 1.1em; color: #666; margin-bottom: 40px;\" class=\"animate-on-scroll\"\u003eالمصفوفة السيليكونية المتقدمة تكوّن درع خفي يحمي شعرك من جميع أدوات التصفيف\u003c\/p\u003e\n \n \u003cdiv class=\"protection-grid\"\u003e\n \u003cdiv class=\"protection-card animate-on-scroll\"\u003e\n \u003cspan class=\"temp-display\"\u003e230°\u003c\/span\u003e\n \u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eدرجة الحماية القصوى\u003c\/h3\u003e\n \u003cp\u003eحماية مطلقة من أعلى درجات الحرارة\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"protection-card animate-on-scroll\"\u003e\n \u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 15px;\"\u003eمناسب لجميع الأدوات\u003c\/h3\u003e\n \u003cul style=\"list-style: none; padding: 0; text-align: center;\"\u003e\n \u003cli style=\"padding: 5px 0;\"\u003eالسشوار اليومي\u003c\/li\u003e\n \u003cli style=\"padding: 5px 0;\"\u003eالمكواة الأسبوعية\u003c\/li\u003e\n \u003cli style=\"padding: 5px 0;\"\u003eالبيبي ليس للمناسبات\u003c\/li\u003e\n \u003cli style=\"padding: 5px 0;\"\u003eأجهزة التصفيف المختلفة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Value Section --\u003e\n \u003cdiv class=\"value-section\"\u003e\n \u003ch2 style=\"font-size: 1.8em; color: #9C8102; margin-bottom: 20px;\"\u003eقيمة استثنائية مقابل المال\u003c\/h2\u003e\n \u003cp style=\"font-size: 1.1em; margin-bottom: 30px;\"\u003eبدل ما تشتري 3 منتجات منفصلة، احصلي على الكل في عبوة واحدة\u003c\/p\u003e\n \n \u003cdiv class=\"value-comparison\"\u003e\n \u003cdiv class=\"comparison-card animate-on-scroll\"\u003e\n \u003ch3 style=\"color: #666; margin-bottom: 20px;\"\u003eالطريقة التقليدية\u003c\/h3\u003e\n \u003cul style=\"list-style: none; padding: 0; text-align: center;\"\u003e\n \u003cli style=\"padding: 8px 0; border-bottom: 1px solid #e0e0e0;\"\u003eسيروم علاج التساقط = 600 جنيه\u003c\/li\u003e\n \u003cli style=\"padding: 8px 0; border-bottom: 1px solid #e0e0e0;\"\u003eسيروم النعومة = 500 جنيه\u003c\/li\u003e\n \u003cli style=\"padding: 8px 0; border-bottom: 1px solid #e0e0e0;\"\u003eكريم حماية الحرارة = 300 جنيه\u003c\/li\u003e\n \u003cli style=\"padding: 15px 0; font-weight: 700; color: #d9534f;\"\u003eالمجموع = 1400 جنيه\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"comparison-card highlight animate-on-scroll\"\u003e\n \u003ch3 style=\"color: #9C8102; margin-bottom: 20px;\"\u003eمع سيروم كابيكسي\u003c\/h3\u003e\n \u003cdiv style=\"text-align: center;\"\u003e\n \u003cspan class=\"price-highlight\"\u003e475 جنيه فقط!\u003c\/span\u003e\n \u003cp class=\"small-text\"\u003eحجم كبير 120 مل\u003c\/p\u003e\n \u003cp class=\"small-text\"\u003e4-6 شهور استعمال يومي\u003c\/p\u003e\n \u003cp class=\"small-text\"\u003eبضع نقاط تكفي لكل الشعر\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"comparison-card animate-on-scroll\"\u003e\n \u003ch3 style=\"color: #9C8102; margin-bottom: 20px;\"\u003eمقارنة مع الصالونات\u003c\/h3\u003e\n \u003cp style=\"text-align: center;\"\u003eجلسة نعومة واحدة في الصالون = 300-500 جنيه\u003c\/p\u003e\n \u003cp style=\"text-align: center; font-weight: 700; color: #5cb85c; margin-top: 15px;\"\u003eمع السيروم تحصلي على نعومة دائمة!\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Results Section --\u003e\n \u003cdiv class=\"results-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eالنتائج المثبتة\u003c\/h2\u003e\n \n \u003cdiv class=\"results-timeline\"\u003e\n \u003cdiv class=\"timeline-card animate-on-scroll\"\u003e\n \u003cspan class=\"timeline-period\"\u003eالنتائج الفورية\u003c\/span\u003e\n \u003cul class=\"results-list\"\u003e\n \u003cli\u003eتحكم فوري في الهيشان والنعومة\u003c\/li\u003e\n \u003cli\u003eلمعان محسن وسهولة تصفيف\u003c\/li\u003e\n \u003cli\u003eحماية من الحرارة للتصفيف\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-card animate-on-scroll\"\u003e\n \u003cspan class=\"timeline-period\"\u003e2-4 أسابيع\u003c\/span\u003e\n \u003cul class=\"results-list\"\u003e\n \u003cli\u003eإصلاح واضح للأطراف المتقصفة\u003c\/li\u003e\n \u003cli\u003eتقليل تكسر الشعر\u003c\/li\u003e\n \u003cli\u003eتحسن ملمس ونعومة الشعر\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-card animate-on-scroll\"\u003e\n \u003cspan class=\"timeline-period\"\u003e2-3 شهور\u003c\/span\u003e\n \u003cul class=\"results-list\"\u003e\n \u003cli\u003eتقليل ملحوظ في تساقط الشعر\u003c\/li\u003e\n \u003cli\u003eشعر أقوى وأكثر سُمكاً\u003c\/li\u003e\n \u003cli\u003eتحول كامل في صحة الشعر\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"timeline-card animate-on-scroll\"\u003e\n \u003cspan class=\"timeline-period\"\u003e4+ شهور\u003c\/span\u003e\n \u003cul class=\"results-list\"\u003e\n \u003cli\u003eتحسن كبير في كثافة الشعر\u003c\/li\u003e\n \u003cli\u003eشعيرات جديدة حول خط الشعر\u003c\/li\u003e\n \u003cli\u003eتحول كامل للشعر\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Hair Types Section --\u003e\n \u003cdiv class=\"hair-types-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eمناسب لكل أنواع الشعر\u003c\/h2\u003e\n \n \u003cdiv class=\"hair-types-grid\"\u003e\n \u003cdiv class=\"hair-type-card animate-on-scroll\"\u003e\n \u003cspan class=\"hair-type-icon\"\u003e💫\u003c\/span\u003e\n \u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eالشعر الخشن\u003c\/h3\u003e\n \u003cp\u003eنعومة حريرية وترطيب عميق\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hair-type-card animate-on-scroll\"\u003e\n \u003cspan class=\"hair-type-icon\"\u003e✨\u003c\/span\u003e\n \u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eالشعر الناعم\u003c\/h3\u003e\n \u003cp\u003eقوة وكثافة دون ثقل\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hair-type-card animate-on-scroll\"\u003e\n \u003cspan class=\"hair-type-icon\"\u003e🎨\u003c\/span\u003e\n \u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eالشعر المصبوغ\u003c\/h3\u003e\n \u003cp\u003eحماية وإصلاح متخصص\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hair-type-card animate-on-scroll\"\u003e\n \u003cspan class=\"hair-type-icon\"\u003e🌀\u003c\/span\u003e\n \u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eالشعر الكيرلي\u003c\/h3\u003e\n \u003cp\u003eتحديد وترطيب مثالي\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hair-type-card animate-on-scroll\"\u003e\n \u003cspan class=\"hair-type-icon\"\u003e🔧\u003c\/span\u003e\n \u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eالشعر التالف\u003c\/h3\u003e\n \u003cp\u003eعلاج شامل ومتكامل\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hair-type-card animate-on-scroll\"\u003e\n \u003cspan class=\"hair-type-icon\"\u003e⏰\u003c\/span\u003e\n \u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eالاستعمال\u003c\/h3\u003e\n \u003cp\u003eيومياً، أسبوعياً، أو عند الحاجة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CTA Section --\u003e\n \u003cdiv class=\"cta-section\"\u003e\n \u003ch2 class=\"animate-on-scroll\"\u003eسيروم كابيكسي للشعر: الحل الشامل لتحويل شعرك بالكامل\u003c\/h2\u003e\n \u003cp class=\"animate-on-scroll\" style=\"font-size: 1.2em; margin-top: 20px;\"\u003e\u003cstrong\u003eاحصلي على 3 منتجات في منتج واحد: علاج التساقط + إصلاح التقصف + حماية الحرارة. نتائج صالونات بسعر البيت وضمان الجودة العالمية.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cbutton class=\"cta-button animate-on-scroll\"\u003eاحصلي على شعر أحلامك الآن\u003c\/button\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n \/\/ Intersection Observer for scroll 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 entry.target.classList.add('animated');\n }\n });\n }, observerOptions);\n\n \/\/ Observe all animate-on-scroll elements\n document.querySelectorAll('.animate-on-scroll').forEach(el =\u003e {\n observer.observe(el);\n });\n\n \/\/ Animate benefit items\n const benefitObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const items = entry.target.querySelectorAll('.benefit-item');\n items.forEach((item, index) =\u003e {\n setTimeout(() =\u003e {\n item.style.opacity = '1';\n item.style.transform = 'translateY(0)';\n }, index * 200);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.benefits-highlight').forEach(section =\u003e {\n benefitObserver.observe(section);\n });\n\n \/\/ Animate tech cards\n const techObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateX(0)';\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.tech-card').forEach(card =\u003e {\n techObserver.observe(card);\n });\n\n \/\/ Animate ingredient categories\n const ingredientObserver = 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 }, observerOptions);\n\n document.querySelectorAll('.ingredient-category').forEach(category =\u003e {\n ingredientObserver.observe(category);\n });\n\n \/\/ Animate protection cards\n const protectionObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const cards = entry.target.querySelectorAll('.protection-card');\n cards.forEach((card, index) =\u003e {\n setTimeout(() =\u003e {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, index * 200);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.protection-section').forEach(section =\u003e {\n protectionObserver.observe(section);\n });\n\n \/\/ Animate value comparison cards\n const valueObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const cards = entry.target.querySelectorAll('.comparison-card');\n cards.forEach((card, index) =\u003e {\n setTimeout(() =\u003e {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, index * 300);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.value-section').forEach(section =\u003e {\n valueObserver.observe(section);\n });\n\n \/\/ Animate timeline cards\n const timelineObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const cards = entry.target.querySelectorAll('.timeline-card');\n cards.forEach((card, index) =\u003e {\n setTimeout(() =\u003e {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, index * 200);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.results-section').forEach(section =\u003e {\n timelineObserver.observe(section);\n });\n\n \/\/ Animate hair type cards\n const hairTypeObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const cards = entry.target.querySelectorAll('.hair-type-card');\n cards.forEach((card, index) =\u003e {\n setTimeout(() =\u003e {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, index * 150);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.hair-types-section').forEach(section =\u003e {\n hairTypeObserver.observe(section);\n });\n\n \/\/ CTA button interaction\n document.querySelector('.cta-button')?.addEventListener('click', () =\u003e {\n const button = document.querySelector('.cta-button');\n button.style.animation = 'none';\n setTimeout(() =\u003e {\n button.style.animation = 'glow 2s infinite alternate';\n }, 100);\n });\n\u003c\/script\u003e","brand":"Capixy","offers":[{"title":"Default Title","offer_id":46999400120494,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/capixy_hair_serum_for_split_ends_and_heat_protection_ee2113da-1b45-4a8f-bcf9-96feaa5537f4.jpg?v=1788175346"},{"product_id":"see-lit-niacinamide-zinc-gluconate-serum","title":"See-lit Niacinamide + Zinc gluconate Serum","description":"\u003cstyle\u003e#dx{--bg:#070a03;--bg2:#131c08;--c:#b7e36b;--c2:#e1f5b6;--glass:rgba(255,255,255,.05);--bd:#b7e36b55;--txt:#fff;--mut:#e3e3e3;position:relative;border-radius:28px;background:var(--bg);color:var(--txt);font-family:'Tajawal','Cairo',sans-serif;line-height:1.85;overflow:hidden;direction:rtl;text-align:start;font-size:17px}#dx *{box-sizing:border-box}#dx .sec{padding:56px 0}#dx .sec.a{background:var(--bg)}#dx .sec.b{background:linear-gradient(180deg,var(--bg2),var(--bg));border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}#dx .wrap{max-width:900px;margin:auto;padding:0 22px}#dx .c{text-align:center}#dx .badge{display:inline-block;padding:7px 22px;border-radius:30px;border:1px solid var(--c2);color:var(--c2);font-weight:700;font-size:14px;margin-bottom:20px;background:#b7e36b1a}#dx h1{font-size:clamp(27px,5vw,41px);line-height:1.4;font-weight:900;margin:0 0 18px}#dx .hl{color:var(--c);font-weight:900}#dx h2{font-size:clamp(22px,4vw,30px);line-height:1.5;font-weight:900;margin:0 0 14px;display:flex;align-items:center;gap:14px}#dx h2:before{content:\"\";flex:0 0 6px;height:30px;background:var(--c);border-radius:4px}#dx h2.cc{justify-content:center;text-align:center}#dx h2.cc:before{display:none}#dx h3{font-size:19px;margin:0 0 6px;font-weight:900;color:var(--c)}#dx p{margin:0 0 12px;color:var(--mut)}#dx .lead{max-width:740px;margin:0 auto 24px;font-size:18px}#dx .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 28px}#dx .chips span{border:1px solid var(--bd);background:var(--glass);padding:6px 16px;border-radius:30px;font-size:14px}#dx .hero{background:radial-gradient(circle at 50% 0,#b7e36b33,transparent 62%),var(--bg);padding-top:58px;text-align:center}#dx .pimg{display:block;width:100%;max-width:340px;height:auto;margin:0 auto;border-radius:22px;border:1px solid var(--bd);box-shadow:0 0 70px #b7e36b44}#dx .pimg.sq{max-width:420px}#dx .big3{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin:10px 0}#dx .big3 div{padding:22px 12px;border:1.5px solid var(--c);border-radius:18px;background:#b7e36b14;text-align:center}#dx .big3 b{display:block;font-size:42px;line-height:1.1;color:var(--c2);font-weight:900}#dx .big3 span{color:#fff;font-weight:700;font-size:15px}#dx .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}#dx .card{background:linear-gradient(145deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}#dx .card p{margin:0;font-size:16px;color:#fff}#dx .glass{background:var(--glass);border:1px solid var(--bd);border-radius:22px;padding:30px 22px}#dx .fm{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:20px 0}#dx .fm div{padding:18px;border-radius:16px;background:linear-gradient(90deg,#b7e36b1f,transparent);border:1px solid var(--bd);border-inline-start:4px solid var(--c)}#dx .fm p{margin:0;font-size:15.5px;color:#fff}#dx .tl{border-inline-start:2px solid var(--c);padding-inline-start:20px;margin:16px 0 0}#dx .tl div{margin-bottom:14px;color:var(--mut)}#dx .tl b{display:block;color:#fff;font-size:18px}#dx ul.ck{list-style:none;padding:0;margin:10px 0}#dx ul.ck li{padding:6px 0;padding-inline-start:30px;position:relative;color:#fff}#dx ul.ck li:before{content:\"\";position:absolute;inset-inline-start:0;top:17px;width:14px;height:3px;border-radius:2px;background:var(--c)}#dx .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:22px}#dx .steps div{background:var(--glass);border:1.5px dashed var(--bd);border-radius:18px;padding:20px 14px;text-align:center}#dx .steps b{display:flex;margin:0 auto 10px;width:44px;height:44px;border-radius:50%;border:2px solid var(--c);align-items:center;justify-content:center;font-size:19px;color:var(--c2)}#dx .steps p{margin:0;font-size:15px;color:#fff}#dx .warn{border:1px solid var(--c);background:linear-gradient(135deg,#b7e36b1f,transparent);border-radius:20px;padding:26px}#dx details{background:var(--glass);border:1px solid var(--bd);border-radius:12px;padding:15px 20px;margin-bottom:10px}#dx summary{cursor:pointer;font-weight:800}#dx details[open] summary{color:var(--c)}#dx details p{margin:10px 0 0}#dx .two{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:16px}#dx .two div{padding:20px;border-radius:16px;background:var(--glass);border:1px solid var(--bd)}#dx .two h4{margin:0 0 6px;color:var(--c2);font-size:18px}#dx .two p{margin:0;font-size:15.5px;color:#fff}#dx .cta{border:2px solid var(--c);border-radius:26px;padding:42px 20px;text-align:center;background:radial-gradient(circle at 50% 0,#b7e36b44,transparent 70%),linear-gradient(180deg,var(--bg2),var(--bg))}#dx .cta h2{justify-content:center;text-align:center}#dx .cta h2:before{display:none}#dx .tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}#dx .tags span{border:1.5px solid var(--c);background:#b7e36b1a;color:#fff;padding:9px 20px;border-radius:40px;font-weight:800;font-size:15px}#dx .inci{direction:ltr;text-align:left;font-size:13px;line-height:1.8;color:#ddd;background:rgba(0,0,0,.55);border:1px dashed var(--bd);border-radius:14px;padding:20px;margin-top:26px}#dx .inci b{color:var(--c)}#dx .k{color:var(--c2);font-weight:800;background:linear-gradient(transparent 62%,#b7e36b55 62%);padding:0 3px;border-radius:3px}@media(max-width:768px){#dx .sec{padding:38px 0}#dx .wrap{padding:0 14px}#dx .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#dx .card{padding:14px 10px}#dx .big3 b{font-size:34px}#dx .steps{grid-template-columns:repeat(2,minmax(0,1fr))}#dx .glass{padding:22px 14px}}\u003c\/style\u003e\u003cdiv id=\"dx\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"badge\"\u003eسيروم للبشرة الدهنية | 30 مل\u003c\/div\u003e\n\u003ch1\u003eلمعان وحبوب ومسام؟ \u003cspan class=\"hl\"\u003eنياسيناميد + زنك جلوكونات\u003c\/span\u003e للبشرة الدهنية والمختلطة\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eسيروم 30 مل بالنياسيناميد (فيتامين B3) وزنك جلوكونات، معمول للبشرة الدهنية والمختلطة والمعرضة للحبوب. بيُستخدم لموازنة اللمعان وتحسين مظهر المسام وملمس البشرة. التركيبة خالية من العطور المهيجة حسب بيانات المنتج.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eنياسيناميد B3\u003c\/span\u003e\u003cspan\u003eزنك جلوكونات\u003c\/span\u003e\u003cspan\u003eبدون عطور مهيجة\u003c\/span\u003e\u003cspan\u003e30 مل\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cimg class=\"pimg sq\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/seelit-advancedniacinamidezincgluconateserum_ba05012e-a8cd-4f70-97a7-632591f73794.webp?v=1788175344\" alt=\"سيروم See-Lit نياسيناميد + زنك جلوكونات\" width=\"700\" height=\"700\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eأرقام أساسية\u003c\/h2\u003e\n\u003cdiv class=\"big3\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003cspan\u003eمكونين أساسيين\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e30\u003c\/b\u003e\u003cspan\u003eمل\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2×\u003c\/b\u003e\u003cspan\u003eيوميًا بعد أسبوعين\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"glass\"\u003e\n\u003ch2 class=\"cc\"\u003eمكونين بيشتغلوا مع بعض\u003c\/h2\u003e\n\u003cp class=\"c\"\u003eالنياسيناميد والزنك من أشهر مكونات البشرة الدهنية. السيروم ده بسيط ومباشر، من غير تعقيد في الروتين.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eلمعان زيادة\u003c\/h3\u003e\n\u003cp\u003eنياسيناميد وزنك لموازنة الدهون.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eمسام ظاهرة\u003c\/h3\u003e\n\u003cp\u003eلتحسين مظهر المسام.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eحبوب وآثارها\u003c\/h3\u003e\n\u003cp\u003eلتحسين مظهر البشرة المعرضة للحبوب.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eإيه اللي جوه السيروم؟\u003c\/h2\u003e\n\u003cdiv class=\"fm\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eنياسيناميد\u003c\/h3\u003e\n\u003cp\u003eفيتامين B3، بيُستخدم لموازنة دهون البشرة وتحسين مظهر المسام ولونها.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eزنك جلوكونات\u003c\/h3\u003e\n\u003cp\u003eشكل من الزنك بيُستخدم في منتجات البشرة الدهنية لدعم موازنة الدهون.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eمكانه في يومك\u003c\/h2\u003e\n\u003cdiv class=\"two\"\u003e\n\u003cdiv\u003e\n\u003ch4\u003eالصبح\u003c\/h4\u003e\n\u003cp\u003eنضّف، السيروم، مرطب، وواقي شمس كل يوم.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eبالليل\u003c\/h4\u003e\n\u003cp\u003eنضّف، السيروم، مرطب. لو بشرتك لسه بتتعود، ابدأ مرة يوميًا.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eهتشوف إيه وإمتى؟ بصراحة\u003c\/h2\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eأول أسبوعين\u003c\/b\u003eمرة مساءً بس، عشان بشرتك تتعود.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eبعد شهر\u003c\/b\u003eمظهر أحسن للمسام ولمعان أقل، والنتيجة بتختلف من شخص لشخص.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"margin-top:22px\"\u003eممكن يناسبك لو\u003c\/h3\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eاللي بشرتها دهنية أو مختلطة ولامعة.\u003c\/li\u003e\n\u003cli\u003eاللي مساماتها ظاهرة.\u003c\/li\u003e\n\u003cli\u003eاللي عندها حبوب وآثار حبوب وعايزة روتين هادي.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eطريقة الاستخدام.. بسيطة\u003c\/h2\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003cp\u003eنضّف وشك بغسول لطيف وجففه.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003cp\u003eحط 2 إلى 3 نقاط وزّعها على الوش.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003cp\u003eدلّك بخفة بحركات دائرية لحد ما يمتص.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003cp\u003eابدأ مرة مساءً، وبعد أسبوعين لو بشرتك مرتاحة زوّد لمرتين يوميًا.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003eاقرا ده قبل أول استخدام\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eابدأ بالتدريج وماتجمعوش مع مقشرات كيميائية قوية أو ريتينويدات في البداية.\u003c\/li\u003e\n\u003cli\u003eنهاراً: واقي شمس.\u003c\/li\u003e\n\u003cli\u003eجرّب المنتج على مساحة صغيرة من الجلد الأول وانتظر 24 ساعة قبل الاستخدام الكامل.\u003c\/li\u003e\n\u003cli\u003eلو حصل احمرار شديد أو حرقان مستمر، وقّف الاستخدام.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eأسئلة قبل الطلب\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003eأستخدمه كام مرة؟\u003c\/summary\u003e\u003cp\u003eمرة مساءً في الأول، وبعد أسبوعين ممكن مرتين يوميًا.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eبيجفف البشرة؟\u003c\/summary\u003e\u003cp\u003eالتركيبة معمولة لموازنة اللمعان، لكن لو حسيت بجفاف قلّل المرات وأضف مرطب.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eإمتى هلاحظ فرق؟\u003c\/summary\u003e\u003cp\u003eموازنة اللمعان ممكن تبان بسرعة نسبيًا، ومظهر المسام بيحتاج أسابيع.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\" style=\"padding-top:10px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta\"\u003e\n\u003ch2\u003eخلّي روتين البشرة الدهنية بسيط\u003c\/h2\u003e\n\u003cp style=\"max-width:680px;margin:10px auto 0;font-size:18px;color:#fff\"\u003eاضغط \u003cspan class=\"k\"\u003eأضف إلى السلة\u003c\/span\u003e وابدأ بالتدريج. النتائج بتختلف من شخص لشخص حسب نوع البشرة وانتظام الاستخدام.\u003c\/p\u003e\n\u003cdiv class=\"tags\"\u003e\n\u003cspan\u003eنياسيناميد B3\u003c\/span\u003e\u003cspan\u003eزنك جلوكونات\u003c\/span\u003e\u003cspan\u003eبدون عطور مهيجة\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eINCI:\u003c\/b\u003e Niacinamide, Zinc Gluconate. Full ingredient list is printed on the pack.\u003c\/div\u003e\n\u003cp class=\"c\" style=\"margin-top:18px;font-size:14px\"\u003eلو عندك حالة جلدية أو حساسية، استشر دكتور جلدية قبل الاستخدام.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"See-lit","offers":[{"title":"Default Title","offer_id":46999400579246,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/seelit-advancedniacinamidezincgluconateserum_ba05012e-a8cd-4f70-97a7-632591f73794.webp?v=1788175344"},{"product_id":"madagascar-centella-probio-cica-intensive-ampoule","title":"SKIN1004 أمبولة\/سيروم سنتيلا مدغشقر بروبيو سيكا المكثفة بالبروبيوتيك 95 مل","description":"\u003cstyle\u003e\n .skin1004-container {\n max-width: 100%;\n margin: 0 auto;\n color: #333;\n line-height: 1.6;\n background: #fff;\n direction: rtl;\n }\n\n .hero-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 60px 30px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .hero-section::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: linear-gradient(45deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n animation: shimmer 8s infinite;\n }\n\n @keyframes shimmer {\n 0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\n }\n\n .hero-image {\n max-width: 500px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.15);\n margin-bottom: 40px;\n opacity: 0;\n transform: scale(0.9);\n animation: zoomIn 1.2s 0.3s forwards;\n }\n\n @keyframes zoomIn {\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n .main-title {\n font-size: 2.8em;\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 20px;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s 0.2s forwards;\n }\n\n .subtitle {\n font-size: 1.6em;\n color: #666;\n margin-bottom: 30px;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s 0.4s forwards;\n }\n\n .hero-description {\n font-size: 1.3em;\n color: #555;\n max-width: 900px;\n margin: 0 auto;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s 0.6s forwards;\n line-height: 1.8;\n }\n\n .magic-intro {\n background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n color: #333;\n padding: 50px 30px;\n text-align: center;\n margin: 40px 0;\n border-radius: 20px;\n }\n\n .magic-intro h2 {\n color: #9C8102;\n font-size: 2.2em;\n margin-bottom: 25px;\n }\n\n .magic-intro p {\n font-size: 1.2em;\n line-height: 1.8;\n max-width: 900px;\n margin: 0 auto;\n }\n\n .main-benefits-section {\n padding: 60px 30px;\n background: white;\n }\n\n .benefits-intro {\n text-align: center;\n margin-bottom: 50px;\n }\n\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .benefit-card {\n background: white;\n padding: 30px;\n border-radius: 20px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.4s ease;\n border: 1px solid #e9ecef;\n position: relative;\n overflow: hidden;\n }\n\n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 5px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n }\n\n .benefit-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n border-color: #9C8102;\n }\n\n .benefit-icon {\n font-size: 3em;\n margin-bottom: 20px;\n display: block;\n text-align: center;\n }\n\n .benefit-title {\n color: #9C8102;\n font-size: 1.4em;\n font-weight: 700;\n margin-bottom: 15px;\n text-align: center;\n }\n\n .benefit-description {\n color: #666;\n font-size: 1.05em;\n line-height: 1.7;\n text-align: center;\n }\n\n .technology-section {\n background: #f8f9fa;\n padding: 60px 30px;\n }\n\n .tech-content {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n gap: 40px;\n align-items: center;\n }\n\n .tech-image {\n max-width: 100%;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n }\n\n .tech-info {\n background: white;\n padding: 40px;\n border-radius: 20px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n position: relative;\n overflow: hidden;\n }\n\n .tech-info::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 5px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n }\n\n .tech-feature {\n background: #f8f9fa;\n padding: 25px;\n border-radius: 15px;\n margin: 20px 0;\n }\n\n .tech-feature h4 {\n color: #9C8102;\n font-weight: 700;\n margin-bottom: 10px;\n }\n\n .ingredient-list {\n list-style: none;\n padding: 0;\n margin: 15px 0;\n }\n\n .ingredient-list li {\n padding: 8px 0;\n border-bottom: 1px solid #f0f0f0;\n position: relative;\n padding-right: 25px;\n }\n\n .ingredient-list li::before {\n content: '🧬';\n position: absolute;\n right: 0;\n top: 8px;\n }\n\n .transformation-section {\n padding: 60px 30px;\n background: white;\n }\n\n .transformation-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .transformation-phase {\n background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n padding: 35px;\n border-radius: 20px;\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.4s ease;\n border: 2px solid transparent;\n text-align: center;\n }\n\n .transformation-phase:hover {\n border-color: #9C8102;\n transform: translateY(-8px);\n }\n\n .phase-icon {\n font-size: 3.5em;\n margin-bottom: 20px;\n display: block;\n }\n\n .phase-title {\n color: #9C8102;\n font-size: 1.4em;\n font-weight: 700;\n margin-bottom: 20px;\n }\n\n .phase-benefits {\n text-align: right;\n }\n\n .phase-benefits p {\n margin: 10px 0;\n color: #666;\n font-weight: 600;\n }\n\n .skin-types-section {\n background: #f8f9fa;\n padding: 60px 30px;\n }\n\n .skin-types-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 25px;\n margin-top: 40px;\n }\n\n .skin-type-card {\n background: white;\n padding: 25px;\n border-radius: 15px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.3s ease;\n border: 2px solid transparent;\n text-align: center;\n }\n\n .skin-type-card:hover {\n transform: translateY(-5px);\n border-color: #9C8102;\n box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n }\n\n .skin-type-icon {\n font-size: 2.5em;\n color: #9C8102;\n margin-bottom: 15px;\n display: block;\n }\n\n .skin-type-title {\n color: #9C8102;\n font-weight: 700;\n margin-bottom: 10px;\n }\n\n .texture-section {\n background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n color: #333;\n padding: 50px 30px;\n text-align: center;\n margin: 40px 0;\n border-radius: 20px;\n }\n\n .texture-features {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 25px;\n margin-top: 40px;\n }\n\n .texture-feature {\n background: white;\n padding: 25px;\n border-radius: 15px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.3s ease;\n border: 2px solid transparent;\n }\n\n .texture-feature:hover {\n transform: translateY(-5px);\n border-color: #9C8102;\n box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n }\n\n .texture-icon {\n font-size: 2.5em;\n color: #9C8102;\n margin-bottom: 15px;\n display: block;\n text-align: center;\n }\n\n .science-section {\n padding: 60px 30px;\n background: white;\n }\n\n .science-content {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n gap: 40px;\n align-items: center;\n }\n\n .science-image {\n max-width: 100%;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n }\n\n .science-info {\n background: #f8f9fa;\n padding: 40px;\n border-radius: 20px;\n border: 1px solid #e9ecef;\n }\n\n .science-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 20px;\n margin-top: 30px;\n }\n\n .stat-card {\n background: white;\n padding: 20px;\n border-radius: 15px;\n text-align: center;\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n }\n\n .stat-card:hover {\n border-color: #9C8102;\n transform: translateY(-5px);\n }\n\n .stat-number {\n font-size: 2.2em;\n font-weight: 700;\n color: #9C8102;\n display: block;\n margin-bottom: 5px;\n }\n\n .stat-label {\n color: #666;\n font-size: 0.9em;\n }\n\n .usage-section {\n background: #f8f9fa;\n padding: 60px 30px;\n }\n\n .usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .usage-card {\n background: white;\n padding: 30px;\n border-radius: 20px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n position: relative;\n overflow: hidden;\n }\n\n .usage-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 5px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n }\n\n .usage-time {\n color: #9C8102;\n font-size: 1.5em;\n font-weight: 700;\n margin-bottom: 20px;\n text-align: center;\n }\n\n .usage-steps {\n list-style: none;\n padding: 0;\n }\n\n .usage-steps li {\n padding: 10px 0;\n border-bottom: 1px solid #f0f0f0;\n position: relative;\n padding-right: 30px;\n }\n\n .usage-steps li::before {\n content: attr(data-step);\n position: absolute;\n right: 0;\n top: 10px;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: #9C8102;\n color: white;\n text-align: center;\n line-height: 20px;\n font-size: 0.8em;\n font-weight: 700;\n }\n\n .why-section {\n padding: 60px 30px;\n background: white;\n }\n\n .why-features {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 25px;\n margin-top: 40px;\n }\n\n .why-feature {\n background: white;\n padding: 25px;\n border-radius: 15px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.3s ease;\n border: 1px solid #e9ecef;\n position: relative;\n overflow: hidden;\n text-align: center;\n }\n\n .why-feature::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n }\n\n .why-feature:hover {\n transform: translateY(-5px);\n box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n border-color: #9C8102;\n }\n\n .why-icon {\n font-size: 2.5em;\n color: #9C8102;\n margin-bottom: 15px;\n display: block;\n }\n\n .why-title {\n color: #9C8102;\n font-weight: 700;\n margin-bottom: 10px;\n }\n\n .cta-section {\n background: linear-gradient(135deg, #000000, #1a1a1a, #2d2d2d);\n color: white;\n padding: 80px 30px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Madagascar_Centella_Probio_Cica_Intensive_Ampoule_95ml_11.jpg?v=1749656535') center\/cover;\n opacity: 0.1;\n z-index: 0;\n }\n\n .cta-content {\n position: relative;\n z-index: 1;\n }\n\n .cta-image {\n max-width: 300px;\n width: 100%;\n border-radius: 20px;\n margin-bottom: 30px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.3);\n }\n\n .cta-button {\n background: #9C8102;\n color: white;\n padding: 18px 45px;\n border: none;\n border-radius: 50px;\n font-size: 1.3em;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n margin-top: 30px;\n animation: glow 2s infinite alternate;\n }\n\n @keyframes glow {\n 0% { box-shadow: 0 0 25px rgba(156, 129, 2, 0.5); }\n 100% { box-shadow: 0 0 35px rgba(156, 129, 2, 0.8), 0 0 45px rgba(156, 129, 2, 0.3); }\n }\n\n .cta-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 15px 30px rgba(156, 129, 2, 0.4);\n background: #d4af37;\n }\n\n .section-title {\n text-align: center;\n font-size: 2.4em;\n color: #9C8102;\n margin-bottom: 20px;\n position: relative;\n opacity: 0;\n transform: translateY(30px);\n }\n\n .section-subtitle {\n text-align: center;\n font-size: 1.4em;\n color: #666;\n margin-bottom: 40px;\n opacity: 0;\n transform: translateY(30px);\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: 100px;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #d4af37);\n border-radius: 2px;\n animation: expandLine 1s ease-out forwards;\n }\n\n @keyframes expandLine {\n 0% { width: 0; }\n 100% { width: 100px; }\n }\n\n @keyframes fadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .animate-on-scroll {\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.8s ease;\n }\n\n .animate-on-scroll.animated {\n opacity: 1;\n transform: translateY(0);\n }\n\n .highlight {\n color: #9C8102;\n font-weight: 700;\n }\n\n .divider {\n height: 3px;\n background: linear-gradient(90deg, transparent, #9C8102, transparent);\n margin: 50px 0;\n opacity: 0;\n animation: fadeIn 1s forwards;\n border-radius: 2px;\n }\n\n @keyframes fadeIn {\n to { opacity: 1; }\n }\n\n @media (max-width: 768px) {\n .main-title { font-size: 2.2em; }\n .section-title { font-size: 2em; }\n .benefits-grid, .transformation-grid, .skin-types-grid, .texture-features, .science-stats, .usage-grid, .why-features {\n grid-template-columns: 1fr;\n }\n .tech-content, .science-content {\n grid-template-columns: 1fr;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"skin1004-container\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Madagascar_Centella_Probio_Cica_Intensive_Ampoule_95ml_3.webp?v=1749656251\" alt=\"Skin 1004 Madagascar Centella Probio Cica Intensive Ampoule\" class=\"hero-image\"\u003e\n \u003ch1 class=\"main-title\"\u003eSkin 1004 Madagascar Centella Probio Cica Intensive Ampoule\u003c\/h1\u003e\n \u003ch2 class=\"subtitle\"\u003eسحر مدغشقر المخمر في قطرات ذهبية - 95ml\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003c!-- Magic Introduction --\u003e\n \u003cdiv class=\"magic-intro\"\u003e\n \u003ch2\u003eعندما تلتقي معجزة الطبيعة بعبقرية العلم\u003c\/h2\u003e\n \u003cp\u003eتخيلي إن أنقى سنتيلا في العالم من جزيرة مدغشقر البكر تخضع لعملية تخمير سحرية مع البروبيوتيك عشان تبقى \u003cstrong class=\"highlight\"\u003eأقوى 10 مرات\u003c\/strong\u003e من شكلها الطبيعي... ده بالضبط اللي هتلاقيه في كل قطرة من الأمبول النادر ده!\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Main Benefits Section --\u003e\n \u003cdiv class=\"main-benefits-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eالاستخدامات الرئيسية\u003c\/h2\u003e\n \u003cdiv class=\"benefits-intro animate-on-scroll\"\u003e\n \u003ch3 style=\"color: #666; font-size: 1.3em;\"\u003e\u003cstrong\u003eتركيبة متعددة الاستخدامات تستهدف كل مشكلة في بشرتك\u003c\/strong\u003e\u003c\/h3\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e🌿\u003c\/span\u003e\n \u003ch3 class=\"benefit-title\"\u003eتهدئة فورية وعميقة\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eالسنتيلا المخمرة مع البروبيوتيك بتهدي أي التهاب أو احمرار في ثوان معدودة وتخلي بشرتك مرتاحة ومطمئنة.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e🔬\u003c\/span\u003e\n \u003ch3 class=\"benefit-title\"\u003eتقليص المسام بشكل واضح\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eالتركيبة المتطورة بتشد المسام وتخليها تبان أصغر وأنعم، وده اللي هيدي بشرتك الملمس الحريري اللي بتحلمي بيه.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e💧\u003c\/span\u003e\n \u003ch3 class=\"benefit-title\"\u003eترطيب عميق يدوم طول اليوم\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eالسيراميد والأحماض الطبيعية بتقفل الرطوبة جوه بشرتك وتمنع جفافها حتى لو الجو صعب أو البشرة حساسة.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e🛡️\u003c\/span\u003e\n \u003ch3 class=\"benefit-title\"\u003eتقوية حاجز البشرة الطبيعي\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eالبروبيوتيك بيقوي دفاعات بشرتك ويخليها أقل حساسية وأكتر مقاومة للعوامل الخارجية زي التلوث والشمس.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✨\u003c\/span\u003e\n \u003ch3 class=\"benefit-title\"\u003eإشراق طبيعي\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eالنتيجة النهائية بشرة مشرقة ونضرة تخليكي واثقة في نفسك حتى من غير أي مكياج.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- Technology Section --\u003e\n \u003cdiv class=\"technology-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eتقنية التخمير المتقدمة: ثورة في علم العناية بالجلد\u003c\/h2\u003e\n \n \u003cdiv class=\"tech-content\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Madagascar_Centella_Probio_Cica_Intensive_Ampoule_95ml_2.webp?v=1749656297\" alt=\"Advanced Fermentation Technology\" class=\"tech-image animate-on-scroll\"\u003e\n \n \u003cdiv class=\"tech-info animate-on-scroll\"\u003e\n \u003ch3 style=\"color: #9C8102; font-size: 1.6em; margin-bottom: 20px;\"\u003eاللي بيخلي الأمبول ده مختلف تماماً:\u003c\/h3\u003e\n \n \u003cdiv class=\"tech-feature\"\u003e\n \u003ch4\u003eالسنتيلا المخمرة بالبروبيوتيك\u003c\/h4\u003e\n \u003cul class=\"ingredient-list\"\u003e\n \u003cli\u003eجزيئات أصغر تخترق طبقات البشرة العميقة\u003c\/li\u003e\n \u003cli\u003eفعالية مضاعفة في التهدئة والإصلاح\u003c\/li\u003e\n \u003cli\u003eقدرة استثنائية على تقوية الحاجز الطبيعي للبشرة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tech-feature\"\u003e\n \u003ch4\u003eتركيبة TECA الحصرية\u003c\/h4\u003e\n \u003cp style=\"margin-bottom: 15px;\"\u003eمزيج من 4 أحماض طبيعية نشطة:\u003c\/p\u003e\n \u003cul class=\"ingredient-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eحمض الماديكاسيك\u003c\/strong\u003e: لإصلاح التلف العميق\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eالآسياتيكوسايد\u003c\/strong\u003e: لتجديد الخلايا\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eحمض الآسياتيك\u003c\/strong\u003e: لتهدئة الالتهابات\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eالماديكاسوسايد\u003c\/strong\u003e: لحماية مضادة للأكسدة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tech-feature\"\u003e\n \u003ch4\u003eسيراميد NP عالي الجودة\u003c\/h4\u003e\n \u003cp\u003eالنسبة الذهبية 3:1:1 (سيراميد:فايتوستيرول:أحماض دهنية) عشان تقفل الترطيب بإحكام\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Transformation Section --\u003e\n \u003cdiv class=\"transformation-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eرحلة التحول من أول استخدام\u003c\/h2\u003e\n \n \u003cdiv class=\"transformation-grid\"\u003e\n \u003cdiv class=\"transformation-phase animate-on-scroll\"\u003e\n \u003cspan class=\"phase-icon\"\u003e⚡\u003c\/span\u003e\n \u003ch3 class=\"phase-title\"\u003eمن اللحظة الأولى:\u003c\/h3\u003e\n \u003cdiv class=\"phase-benefits\"\u003e\n \u003cp\u003e\u003cstrong\u003eترطيب فوري عميق\u003c\/strong\u003e يوصل لأعماق البشرة\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eإشراق طبيعي حريري\u003c\/strong\u003e من غير أي لزوجة أو ثقل\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eتهدئة فورية\u003c\/strong\u003e للاحمرار والتهيج\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"transformation-phase animate-on-scroll\"\u003e\n \u003cspan class=\"phase-icon\"\u003e📈\u003c\/span\u003e\n \u003ch3 class=\"phase-title\"\u003eبعد أسبوع من الاستخدام:\u003c\/h3\u003e\n \u003cdiv class=\"phase-benefits\"\u003e\n \u003cp\u003e\u003cstrong\u003eتقليص واضح للمسام\u003c\/strong\u003e المتوسعة\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eحاجز قوي\u003c\/strong\u003e يحمي من العوامل الخارجية\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eبشرة أكتر مقاومة\u003c\/strong\u003e وأقل حساسية\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"transformation-phase animate-on-scroll\"\u003e\n \u003cspan class=\"phase-icon\"\u003e👑\u003c\/span\u003e\n \u003ch3 class=\"phase-title\"\u003eالنتيجة النهائية:\u003c\/h3\u003e\n \u003cdiv class=\"phase-benefits\"\u003e\n \u003cp\u003e\u003cstrong\u003eبشرة كالحرير\u003c\/strong\u003e - ناعمة، مشرقة، صحية\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eمظهر شبابي متجدد\u003c\/strong\u003e خالي من العيوب\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eإطلالة واثقة\u003c\/strong\u003e تتكلم عن نفسها\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Skin Types Section --\u003e\n \u003cdiv class=\"skin-types-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eمناسب لمين؟\u003c\/h2\u003e\n \n \u003cdiv class=\"skin-types-grid\"\u003e\n \u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n \u003cspan class=\"skin-type-icon\"\u003e🏜️\u003c\/span\u003e\n \u003ch3 class=\"skin-type-title\"\u003eالبشرة الجافة\u003c\/h3\u003e\n \u003cp\u003eترطيب عميق ينعش الخلايا العطشانة\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n \u003cspan class=\"skin-type-icon\"\u003e⚖️\u003c\/span\u003e\n \u003ch3 class=\"skin-type-title\"\u003eالبشرة العادية\u003c\/h3\u003e\n \u003cp\u003eحماية وتغذية للحفاظ على التوازن المثالي\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n \u003cspan class=\"skin-type-icon\"\u003e🔄\u003c\/span\u003e\n \u003ch3 class=\"skin-type-title\"\u003eالبشرة المختلطة\u003c\/h3\u003e\n \u003cp\u003eتنظيم طبيعي للزيوت مع ترطيب مثالي\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"skin-type-card animate-on-scroll\"\u003e\n \u003cspan class=\"skin-type-icon\"\u003e🌸\u003c\/span\u003e\n \u003ch3 class=\"skin-type-title\"\u003eالبشرة الحساسة\u003c\/h3\u003e\n \u003cp\u003eتهدئة لطيفة من غير تهيج\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Texture Section --\u003e\n \u003cdiv class=\"texture-section\"\u003e\n \u003ch2 style=\"font-size: 2em; color: #9C8102; margin-bottom: 20px;\"\u003eملمس الأحلام\u003c\/h2\u003e\n \n \u003cdiv class=\"texture-features\"\u003e\n \u003cdiv class=\"texture-feature animate-on-scroll\"\u003e\n \u003cspan class=\"texture-icon\"\u003e🥛\u003c\/span\u003e\n \u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eقوام حليبي فاخر\u003c\/h3\u003e\n \u003cp\u003eينزلق على بشرتك كالحرير\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"texture-feature animate-on-scroll\"\u003e\n \u003cspan class=\"texture-icon\"\u003e💨\u003c\/span\u003e\n \u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eامتصاص سريع\u003c\/h3\u003e\n \u003cp\u003eمن غير أي بقايا أو لزوجة\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"texture-feature animate-on-scroll\"\u003e\n \u003cspan class=\"texture-icon\"\u003e✨\u003c\/span\u003e\n \u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eلمسة نهائية مخملية\u003c\/h3\u003e\n \u003cp\u003eتسيب بشرتك تتوهج من جوه\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Science Section --\u003e\n \u003cdiv class=\"science-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eالعلم وراء السحر\u003c\/h2\u003e\n \n \u003cdiv class=\"science-content\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/2_jpg.webp?v=1749656443\" alt=\"Science Behind the Magic\" class=\"science-image animate-on-scroll\"\u003e\n \n \u003cdiv class=\"science-info animate-on-scroll\"\u003e\n \u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px;\"\u003eتكنولوجيا التخمير المتطورة:\u003c\/h3\u003e\n \u003cp style=\"margin-bottom: 20px;\"\u003eالبروبيوتيك بيحول جزيئات السنتيلا الكبيرة لجزيئات صغيرة فائقة النفاذ، وده بيضاعف قدرتها على:\u003c\/p\u003e\n \n \u003cul class=\"ingredient-list\"\u003e\n \u003cli\u003eإصلاح التلف على المستوى الخلوي\u003c\/li\u003e\n \u003cli\u003eتحفيز إنتاج الكولاجين الطبيعي\u003c\/li\u003e\n \u003cli\u003eتقوية الميكروبيوم الصحي للبشرة\u003c\/li\u003e\n \u003c\/ul\u003e\n\n \u003ch4 style=\"color: #9C8102; margin: 25px 0 15px;\"\u003eالدليل العلمي:\u003c\/h4\u003e\n \u003cdiv class=\"science-stats\"\u003e\n \u003cdiv class=\"stat-card\"\u003e\n \u003cspan class=\"stat-number\"\u003e95%\u003c\/span\u003e\n \u003cspan class=\"stat-label\"\u003eتحسن فوري في نعومة البشرة\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"stat-card\"\u003e\n \u003cspan class=\"stat-number\"\u003e90%\u003c\/span\u003e\n \u003cspan class=\"stat-label\"\u003eتحسن في مستوى الترطيب\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"stat-card\"\u003e\n \u003cspan class=\"stat-number\"\u003e88%\u003c\/span\u003e\n \u003cspan class=\"stat-label\"\u003eانخفاض في حجم المسام\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Usage Section --\u003e\n \u003cdiv class=\"usage-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eطريقة الاستخدام عشان تحصلي على أحسن النتائج\u003c\/h2\u003e\n \n \u003cdiv class=\"usage-grid\"\u003e\n \u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n \u003ch3 class=\"usage-time\"\u003eفي الصبح ☀️\u003c\/h3\u003e\n \u003cul class=\"usage-steps\"\u003e\n \u003cli data-step=\"1\"\u003eبعد التونر، حطي 2-3 قطرات على الوش النضيف\u003c\/li\u003e\n \u003cli data-step=\"2\"\u003eدلكي بحركات دائرية لطيفة لحد ما يتشرب خالص\u003c\/li\u003e\n \u003cli data-step=\"3\"\u003eاتبعي بالمرطب وواقي الشمس\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n \u003ch3 class=\"usage-time\"\u003eفي الليل 🌙\u003c\/h3\u003e\n \u003cul class=\"usage-steps\"\u003e\n \u003cli data-step=\"1\"\u003eاستخدمي نفس الطريقة بعد تنضيف البشرة\u003c\/li\u003e\n \u003cli data-step=\"2\"\u003eممكن تستخدميه كطبقة مضاعفة للترطيب الإضافي\u003c\/li\u003e\n \u003cli data-step=\"3\"\u003eسيبي البشرة تستفيد من قوة الإصلاح بالليل\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Why Skin 1004 Section --\u003e\n \u003cdiv class=\"why-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eليه Skin 1004 هو الاختيار الأمثل؟\u003c\/h2\u003e\n \n \u003cdiv class=\"why-features\"\u003e\n \u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n \u003cspan class=\"why-icon\"\u003e🌱\u003c\/span\u003e\n \u003ch3 class=\"why-title\"\u003eمكونات طبيعية 100%\u003c\/h3\u003e\n \u003cp\u003eمن مدغشقر البكر\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n \u003cspan class=\"why-icon\"\u003e🔬\u003c\/span\u003e\n \u003ch3 class=\"why-title\"\u003eتقنية كورية متطورة\u003c\/h3\u003e\n \u003cp\u003eمدعومة بالأبحاث العلمية\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n \u003cspan class=\"why-icon\"\u003e🐰\u003c\/span\u003e\n \u003ch3 class=\"why-title\"\u003eما اتجربش على الحيوانات\u003c\/h3\u003e\n \u003cp\u003eمنتج أخلاقي وآمن\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n \u003cspan class=\"why-icon\"\u003e🚫\u003c\/span\u003e\n \u003ch3 class=\"why-title\"\u003eخالي من المواد الضارة\u003c\/h3\u003e\n \u003cp\u003eمن غير بارابين أو كبريتات\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n \u003cspan class=\"why-icon\"\u003e♻️\u003c\/span\u003e\n \u003ch3 class=\"why-title\"\u003eصديق للبيئة\u003c\/h3\u003e\n \u003cp\u003eعبوة ممكن إعادة تدويرها\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CTA Section --\u003e\n \u003cdiv class=\"cta-section\"\u003e\n \u003cdiv class=\"cta-content\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Madagascar_Centella_Probio_Cica_Intensive_Ampoule_95ml_1.webp?v=1749656297\" alt=\"Skin 1004 Investment\" class=\"cta-image animate-on-scroll\"\u003e\n \u003ch2 class=\"animate-on-scroll\"\u003eاستثمار في جمالك... وثقتك بنفسك\u003c\/h2\u003e\n \u003ch3 class=\"animate-on-scroll\" style=\"color: white; font-size: 1.4em; margin: 20px 0;\"\u003eSkin 1004 Madagascar Centella Probio Cica Intensive Ampoule\u003c\/h3\u003e\n \u003cp class=\"animate-on-scroll\" style=\"font-size: 1.2em; margin: 25px 0;\"\u003eمش مجرد منتج عناية... ده \u003cstrong style=\"color: #9C8102;\"\u003eوعد بالتحول\u003c\/strong\u003e\u003c\/p\u003e\n \u003cdiv class=\"animate-on-scroll\" style=\"margin: 30px 0;\"\u003e\n \u003cp style=\"font-size: 1.3em; color: #d4af37;\"\u003e\u003cstrong\u003e95ml من السحر الخالص\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp style=\"font-size: 1.2em; color: #d4af37;\"\u003e\u003cstrong\u003eجرعة مكثفة من الجمال المدغشقري\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp style=\"font-size: 1.2em; color: #d4af37;\"\u003e\u003cstrong\u003eطريقك لبشرة أحلامك\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cbutton class=\"cta-button animate-on-scroll\"\u003eاطلبي الآن واستمتعي بالتحول\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n \/\/ Intersection Observer for scroll 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 entry.target.classList.add('animated');\n }\n });\n }, observerOptions);\n\n \/\/ Observe all animate-on-scroll elements\n document.querySelectorAll('.animate-on-scroll').forEach(el =\u003e {\n observer.observe(el);\n });\n\n \/\/ Animate benefits cards\n const benefitsObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const cards = entry.target.querySelectorAll('.benefit-card');\n cards.forEach((card, index) =\u003e {\n setTimeout(() =\u003e {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, index * 200);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.main-benefits-section').forEach(section =\u003e {\n benefitsObserver.observe(section);\n });\n\n \/\/ Animate transformation phases\n const transformationObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const phases = entry.target.querySelectorAll('.transformation-phase');\n phases.forEach((phase, index) =\u003e {\n setTimeout(() =\u003e {\n phase.style.opacity = '1';\n phase.style.transform = 'translateY(0)';\n }, index * 300);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.transformation-section').forEach(section =\u003e {\n transformationObserver.observe(section);\n });\n\n \/\/ Animate skin type cards\n const skinTypesObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const cards = entry.target.querySelectorAll('.skin-type-card');\n cards.forEach((card, index) =\u003e {\n setTimeout(() =\u003e {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, index * 150);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.skin-types-section').forEach(section =\u003e {\n skinTypesObserver.observe(section);\n });\n\n \/\/ Animate texture features\n const textureObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const features = entry.target.querySelectorAll('.texture-feature');\n features.forEach((feature, index) =\u003e {\n setTimeout(() =\u003e {\n feature.style.opacity = '1';\n feature.style.transform = 'translateY(0)';\n }, index * 200);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.texture-section').forEach(section =\u003e {\n textureObserver.observe(section);\n });\n\n \/\/ Animate why features\n const whyObserver = 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 }, observerOptions);\n\n document.querySelectorAll('.why-feature').forEach(feature =\u003e {\n whyObserver.observe(feature);\n });\n\n \/\/ CTA button interaction\n document.querySelector('.cta-button')?.addEventListener('click', () =\u003e {\n const button = document.querySelector('.cta-button');\n button.style.animation = 'none';\n setTimeout(() =\u003e {\n button.style.animation = 'glow 2s infinite alternate';\n }, 100);\n });\n\u003c\/script\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":46999400874158,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/skin1004MadagascarCentellaProbioCicaIntensiveAmpoule95ml_1_90cd8b3f-a3ab-412a-ae57-803faeb51044.jpg?v=1788175343"},{"product_id":"bobana-hair-serum-jojoba-oil-for-dull-frizzy-hair-100ml","title":"BOBANA Hair Serum Jojoba Oil For Dull \u0026 Frizzy Hair 100ml","description":"\u003c!-- BOBANA Hair Serum Product Description --\u003e\n\u003cstyle\u003e\n .bobana-container {\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n overflow: hidden;\n }\n \n .hero-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"25\" cy=\"25\" r=\"0.5\" fill=\"%23ffffff\" opacity=\"0.05\"\/\u003e\u003ccircle cx=\"75\" cy=\"75\" r=\"0.3\" fill=\"%23ffffff\" opacity=\"0.03\"\/\u003e\u003ccircle cx=\"50\" cy=\"10\" r=\"0.4\" fill=\"%23ffffff\" opacity=\"0.04\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23grain)\"\/\u003e\u003c\/svg\u003e');\n animation: float 20s ease-in-out infinite;\n }\n \n .hero-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: heroSlide 1s ease-out;\n position: relative;\n z-index: 2;\n }\n \n .hero-subtitle {\n font-size: 1.1rem;\n opacity: 0.9;\n max-width: 600px;\n margin: 0 auto;\n animation: heroFade 1s ease-out 0.3s both;\n position: relative;\n z-index: 2;\n }\n \n .product-showcase {\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n }\n \n .product-image {\n max-width: 400px;\n width: 100%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n margin: 2rem auto;\n display: block;\n }\n \n .product-image:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n }\n \n .product-name {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n margin: 2rem 0 1rem;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n \n .product-intro {\n font-size: 1.1rem;\n color: #555;\n max-width: 800px;\n margin: 0 auto 3rem;\n animation: slideUp 0.8s ease-out 0.4s both;\n }\n \n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n padding: 2rem;\n margin: 3rem 0;\n }\n \n .benefit-card {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: 2px solid transparent;\n animation: cardSlide 0.6s ease-out both;\n position: relative;\n overflow: hidden;\n }\n \n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #9C8102, #D4AF37);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n \n .benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n border-color: #9C8102;\n }\n \n .benefit-card:hover::before {\n transform: scaleX(1);\n }\n \n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n \n .benefit-number {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n color: white;\n border-radius: 50%;\n font-weight: bold;\n margin-bottom: 1rem;\n animation: pulse 2s ease-in-out infinite;\n font-size: 1.1rem;\n }\n \n .benefit-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #9C8102;\n margin-bottom: 1rem;\n }\n \n .benefit-description {\n color: #666;\n line-height: 1.6;\n }\n \n .section {\n padding: 3rem 2rem;\n margin: 2rem 0;\n }\n \n .section-title {\n font-size: 2rem;\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin-bottom: 2rem;\n animation: slideUp 0.8s ease-out both;\n }\n \n .section-content {\n max-width: 800px;\n margin: 0 auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n }\n \n .two-column {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: center;\n margin: 3rem 0;\n }\n \n .content-image {\n width: 100%;\n max-width: 350px;\n height: auto;\n border-radius: 15px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n transition: all 0.5s ease;\n animation: imageSlide 0.8s ease-out both;\n }\n \n .content-image:hover {\n transform: scale(1.05) rotate(1deg);\n box-shadow: 0 25px 60px rgba(0,0,0,0.15);\n }\n \n .text-content {\n animation: slideUp 0.8s ease-out 0.3s both;\n }\n \n .text-content h3 {\n font-size: 1.5rem;\n color: #9C8102;\n margin-bottom: 1rem;\n font-weight: 600;\n }\n \n .text-content p {\n color: #555;\n margin-bottom: 1rem;\n line-height: 1.7;\n }\n \n .feature-list {\n list-style: none;\n padding: 0;\n margin: 1.5rem 0;\n }\n \n .feature-list li {\n padding: 0.8rem 0;\n border-bottom: 1px solid #eee;\n position: relative;\n padding-right: 2rem;\n animation: listSlide 0.5s ease-out both;\n color: #555;\n }\n \n .feature-list li:nth-child(1) { animation-delay: 0.1s; }\n .feature-list li:nth-child(2) { animation-delay: 0.2s; }\n .feature-list li:nth-child(3) { animation-delay: 0.3s; }\n .feature-list li:nth-child(4) { animation-delay: 0.4s; }\n \n .feature-list li::before {\n content: '✓';\n position: absolute;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-weight: bold;\n font-size: 1.2rem;\n }\n \n .timeline {\n padding: 3rem 2rem;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n }\n \n .timeline-item {\n display: flex;\n margin: 2rem 0;\n animation: timelineSlide 0.8s ease-out both;\n align-items: flex-start;\n }\n \n .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n .timeline-item:nth-child(4) { animation-delay: 0.4s; }\n \n .timeline-marker {\n width: 60px;\n height: 60px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: bold;\n margin-left: 2rem;\n flex-shrink: 0;\n animation: markerPulse 2s ease-in-out infinite;\n }\n \n .timeline-content {\n background: white;\n padding: 1.5rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n margin-right: 1rem;\n flex-grow: 1;\n border-right: 4px solid #9C8102;\n }\n \n .timeline-content h4 {\n color: #9C8102;\n margin-bottom: 0.5rem;\n font-size: 1.2rem;\n font-weight: 600;\n }\n \n .cta-section {\n text-align: center;\n padding: 4rem 2rem;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n animation: ctaGlow 4s ease-in-out infinite alternate;\n }\n \n .cta-title {\n font-size: 2.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: slideUp 0.8s ease-out both;\n position: relative;\n z-index: 2;\n }\n \n .cta-text {\n font-size: 1.1rem;\n opacity: 0.9;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n animation: slideUp 0.8s ease-out 0.2s both;\n position: relative;\n z-index: 2;\n }\n \n .floating-elements {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n }\n \n .floating-element {\n position: absolute;\n width: 10px;\n height: 10px;\n background: linear-gradient(45deg, #9C8102, #D4AF37);\n opacity: 0.3;\n animation: floatUp 8s linear infinite;\n }\n \n .floating-element:nth-child(1) { left: 10%; animation-delay: 0s; }\n .floating-element:nth-child(2) { left: 30%; animation-delay: 2s; }\n .floating-element:nth-child(3) { left: 50%; animation-delay: 4s; }\n .floating-element:nth-child(4) { left: 70%; animation-delay: 6s; }\n .floating-element:nth-child(5) { left: 90%; animation-delay: 1s; }\n \n @keyframes heroSlide {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n \n @keyframes heroFade {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 0.9; transform: translateY(0); }\n }\n \n @keyframes slideUp {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n \n @keyframes cardSlide {\n 0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n 100% { transform: translateY(0) scale(1); opacity: 1; }\n }\n \n @keyframes imageFloat {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n }\n \n @keyframes imageSlide {\n 0% { transform: translateX(-30px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n \n @keyframes listSlide {\n 0% { transform: translateX(-20px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n \n @keyframes timelineSlide {\n 0% { transform: translateX(-50px); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n \n @keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n \n @keyframes markerPulse {\n 0%, 100% { box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n 50% { box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n }\n \n @keyframes float {\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\n 33% { transform: translateY(-10px) rotate(1deg); }\n 66% { transform: translateY(5px) rotate(-1deg); }\n }\n \n @keyframes floatUp {\n 0% { transform: translateY(100vh) rotate(0deg); opacity: 0; }\n 10% { opacity: 0.3; }\n 90% { opacity: 0.3; }\n 100% { transform: translateY(-100px) rotate(360deg); opacity: 0; }\n }\n \n @keyframes ctaGlow {\n 0% { opacity: 0.1; }\n 100% { opacity: 0.3; }\n }\n \n @media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n \n .two-column {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n \n .reverse-mobile {\n display: flex;\n flex-direction: column;\n }\n \n .reverse-mobile .content-image {\n order: -1;\n margin-bottom: 1rem;\n }\n \n .benefits-grid {\n grid-template-columns: 1fr;\n }\n \n .timeline-item {\n flex-direction: column;\n text-align: center;\n }\n \n .timeline-marker {\n margin: 1rem auto;\n }\n \n .timeline-content {\n margin: 0;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bobana-container\"\u003e\n \u003c!-- Floating Elements --\u003e\n \u003cdiv class=\"floating-elements\"\u003e\n \u003cdiv class=\"floating-element\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"floating-element\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"floating-element\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"floating-element\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"floating-element\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section\"\u003e\n \u003ch1 class=\"hero-title\"\u003eالشمس بتحرق شعرك كل يوم... وإنت مش واخد بالك!\u003c\/h1\u003e\n \u003cp class=\"hero-subtitle\"\u003eشعرك بيموت بالبطيء... وكل يوم بيعدي بتخسر شعرات مش هترجعلك تاني\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Product Showcase --\u003e\n \u003cdiv class=\"product-showcase\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana_jojoba_oil_heat_protectant_serum_3.webp?v=1751730801\" alt=\"BOBANA Hair Serum\" class=\"product-image\"\u003e\n \n \u003ch2 class=\"product-name\"\u003eBOBANA Hair Serum Jojoba Oil - درع الحماية الشامل لشعرك\u003c\/h2\u003e\n \n \u003cp class=\"product-intro\"\u003e\n كل مرة تطلع فيها الشارع، كل مرة تستعمل فيها السشوار أو المكواة، كل مرة تسيب شعرك عرضة للشمس والرياح... بشرتك محمية بالكريمات، بس شعرك؟ شعرك مسيبه لوحده يحارب كل الأعداء دي بدون أي حماية!\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefits Grid --\u003e\n \u003cdiv class=\"section\"\u003e\n \u003ch2 class=\"section-title\"\u003e4 حلول جذرية في منتج واحد\u003c\/h2\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-number\"\u003e1\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eحماية شاملة من الشمس SPF 30+\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eأول واقي شمس مخصص للشعر بتركيبة متطورة تحمي من الأشعة فوق البنفسجية اللي بتدمر الكيراتين وتخلي لون الشعر باهت.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-number\"\u003e2\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eدرع حماية من حرارة التصفيف\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eطبقة عازلة تحمي شعرك من درجات الحرارة العالية للسشوار والمكواة، تمنع احتراق البروتينات وجفاف الشعر.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-number\"\u003e3\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eإصلاح سحري للأطراف المتقصفة\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eتركيبة ترميمية تلحم الشقوق في بنية الشعر وتقوي الأطراف الضعيفة، تمنع انتشار التقصف للأعلى.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-number\"\u003e4\u003c\/div\u003e\n \u003ch3 class=\"benefit-title\"\u003eتحكم مثالي في الشعر المتطاير\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eيقضي على الكهرباء الساكنة ويثقل الشعر بلطف، يخليك تتحكمي في شعرك في أي ظروف جوية.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Product Details --\u003e\n \u003cdiv class=\"section\"\u003e\n \u003cdiv class=\"two-column\"\u003e\n \u003cdiv class=\"text-content\"\u003e\n \u003ch2 class=\"section-title\"\u003eBOBANA: المعجزة الكيميائية اللي هتنقذ شعرك من الكارثة\u003c\/h2\u003e\n \u003ch3\u003eمش مجرد سيروم... ده نظام حماية متكامل لشعرك\u003c\/h3\u003e\n \u003cp\u003eسيروم BOBANA مش زي أي منتج تاني هتلاقيه في السوق. ده \u003cstrong\u003eدفاع جوي كامل\u003c\/strong\u003e لشعرك ضد كل العوامل اللي بتدمره يومياً.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana_jojoba_oil_heat_protectant_serum_4.webp?v=1751731054\" alt=\"BOBANA Product\" class=\"content-image\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Jojoba Oil Section --\u003e\n \u003cdiv class=\"section\"\u003e\n \u003cdiv class=\"two-column\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/jojoba_oil.jpg?v=1751731143\" alt=\"Jojoba Oil\" class=\"content-image\"\u003e\n \u003cdiv class=\"text-content\"\u003e\n \u003ch3\u003eزيت الجوجوبا: المعجزة الطبيعية اللي بتحاكي زيوت شعرك الطبيعية\u003c\/h3\u003e\n \u003cp\u003eزيت الجوجوبا مش مجرد زيت... ده \u003cstrong\u003eسائل شمعي طبيعي\u003c\/strong\u003e تركيبته شبه زيوت فروة رأسك الطبيعية بنسبة 97%.\u003c\/p\u003e\n \u003cul class=\"feature-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eيخترق جذر الشعرة\u003c\/strong\u003e ويغذيها من الداخل للخارج\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eينظم إفراز الزيوت\u003c\/strong\u003e في فروة الرأس\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eيلم الطبقات الخارجية\u003c\/strong\u003e للشعرة المفتوحة ويقفلها\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eيحبس الرطوبة الطبيعية\u003c\/strong\u003e جوا الشعر لمدة 24 ساعة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SPF Protection --\u003e\n \u003cdiv class=\"section\"\u003e\n \u003cdiv class=\"two-column reverse-mobile\"\u003e\n \u003cdiv class=\"text-content\"\u003e\n \u003ch3\u003eحماية SPF 30+: شعرك محتاج واقي شمس زي بشرتك بالضبط!\u003c\/h3\u003e\n \u003cp\u003eشعرك بيتعرض لنفس الأشعة فوق البنفسجية اللي بتضر بشرتك، بس بكمية أكبر لأنه مكشوف طول اليوم.\u003c\/p\u003e\n \u003cul class=\"feature-list\"\u003e\n \u003cli\u003eباهت اللون\u003c\/li\u003e\n \u003cli\u003eخشن الملمس\u003c\/li\u003e\n \u003cli\u003eسهل التكسر\u003c\/li\u003e\n \u003cli\u003eفاقد للمعان الطبيعي\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003cstrong\u003eسيروم BOBANA يديك حماية SPF 30+\u003c\/strong\u003e - زي ما بتحطي كريم شمس على وشك، هو هيعمل نفس الحاجة لشعرك.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobana_jojoba_oil_heat_protectant_serum_1.webp?v=1751731174\" alt=\"SPF Protection\" class=\"content-image\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Heat Protection --\u003e\n \u003cdiv class=\"section\"\u003e\n \u003cdiv class=\"two-column\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/damaged-hair.jpg?v=1751731310\" alt=\"Hair Protection\" class=\"content-image\"\u003e\n \u003cdiv class=\"text-content\"\u003e\n \u003ch3\u003eحماية من الحرارة: نهاية عصر الشعر المحروق\u003c\/h3\u003e\n \u003cp\u003eكل مرة تستعمل السشوار أو المكواة بدون حماية = كإنك بتحرق شعرك بالولاعة!\u003c\/p\u003e\n \u003cp\u003eدرجة حرارة المكواة بتوصل لـ 200 درجة مئوية. شعرك بيتحمل حرارة 60 درجة بس.\u003c\/p\u003e\n \u003cul class=\"feature-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eطبقة عازلة\u003c\/strong\u003e بتتكون حول كل شعرة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eتوزيع الحرارة\u003c\/strong\u003e بالتساوي\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eمنع فقدان الرطوبة\u003c\/strong\u003e أثناء التصفيف\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eحماية البروتينات\u003c\/strong\u003e من التكسر والتلف\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Split Ends \u0026 Flyaway Hair --\u003e\n \u003cdiv class=\"section\"\u003e\n \u003cdiv class=\"section-content\"\u003e\n \u003ch2 class=\"section-title\"\u003eإصلاح الأطراف المتقصفة والتحكم في الشعر المتطاير\u003c\/h2\u003e\n \n \u003cdiv class=\"two-column\"\u003e\n \u003cdiv class=\"text-content\"\u003e\n \u003ch3\u003eالأطراف المتقصفة مش مجرد مشكلة جمالية... دي إشارة خطر!\u003c\/h3\u003e\n \u003cp\u003eلما الشعرة تتقصف، التقصف ده بيعدي للأعلى زي انتشار الشرخ في الزجاج.\u003c\/p\u003e\n \u003cul class=\"feature-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eيملأ الفراغات\u003c\/strong\u003e في بنية الشعر التالف\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eيلصق الطبقات\u003c\/strong\u003e المتقشرة ببعضها تاني\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eيقوي الروابط\u003c\/strong\u003e الضعيفة في الشعرة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eيمنع التقصف الجديد\u003c\/strong\u003e من الحدوث\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"text-content\"\u003e\n \u003ch3\u003eالشعر المتطاير = علامة على جفاف شديد وكهرباء ساكنة\u003c\/h3\u003e\n \u003cp\u003eلما شعرك يكون جاف، بيفقد قدرته على توصيل الكهرباء، فتتجمع الشحنات على سطحه.\u003c\/p\u003e\n \u003cul class=\"feature-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eيرطب الشعر\u003c\/strong\u003e ويخليه موصل كويس للكهرباء\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eيثقل الشعر شوية\u003c\/strong\u003e عشان الجاذبية تغلب الكهرباء\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eيخلق طبقة حماية\u003c\/strong\u003e تمنع تراكم الشحنات\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Safe Formula --\u003e\n \u003cdiv class=\"section\"\u003e\n \u003cdiv class=\"section-content\"\u003e\n \u003ch2 class=\"section-title\"\u003eخالي من البارابين والسلفات: نظافة بدون ضرر\u003c\/h2\u003e\n \u003cp style=\"text-align: center; font-size: 1.1rem; color: #555; max-width: 700px; margin: 0 auto;\"\u003e\n \u003cstrong\u003eالبارابين:\u003c\/strong\u003e مادة حافظة رخيصة بس بتتراكم في الأنسجة وتسبب حساسية وتهيج\u003cbr\u003e\n \u003cstrong\u003eالسلفات:\u003c\/strong\u003e منظف قوي جداً بيشيل الزيوت الطبيعية ويخلي شعرك زي القش\u003cbr\u003e\u003cbr\u003e\n \u003cstrong\u003eBOBANA اختار الطريق الصعب والمكلف:\u003c\/strong\u003e استعمال بدائل طبيعية آمنة وفعالة في نفس الوقت.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Timeline Results --\u003e\n \u003cdiv class=\"timeline\"\u003e\n \u003ch2 class=\"section-title\"\u003eرحلة التحول: إيه اللي هيحصل لشعرك مع BOBANA؟\u003c\/h2\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch4\u003eمن أول استخدام\u003c\/h4\u003e\n \u003cul class=\"feature-list\"\u003e\n \u003cli\u003eانتعاش فوري وملمس أنعم بوضوح\u003c\/li\u003e\n \u003cli\u003eلمعان طبيعي يظهر خلال دقائق\u003c\/li\u003e\n \u003cli\u003eتحكم في الشعر المتطاير من أول تطبيق\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-marker\"\u003e1\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch4\u003eبعد أسبوع\u003c\/h4\u003e\n \u003cul class=\"feature-list\"\u003e\n \u003cli\u003eنعومة ملحوظة في الملمس والشكل\u003c\/li\u003e\n \u003cli\u003eمقاومة أقوى للرطوبة والعوامل الخارجية\u003c\/li\u003e\n \u003cli\u003eسهولة في التصفيف وثبات أطول للتسريحة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-marker\"\u003e7\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch4\u003eبعد أسبوعين\u003c\/h4\u003e\n \u003cul class=\"feature-list\"\u003e\n \u003cli\u003eإصلاح واضح للأطراف المتقصفة\u003c\/li\u003e\n \u003cli\u003eلون أكثر حيوية ولمعان طبيعي مستمر\u003c\/li\u003e\n \u003cli\u003eقوة ومرونة أكبر ضد التكسر\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-marker\"\u003e14\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch4\u003eبعد شهر\u003c\/h4\u003e\n \u003cul class=\"feature-list\"\u003e\n \u003cli\u003eتحول كامل في صحة ومظهر الشعر\u003c\/li\u003e\n \u003cli\u003eحماية مستمرة من العوامل الضارة\u003c\/li\u003e\n \u003cli\u003eشعر صحي وقوي مقاوم لكل التحديات اليومية\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-marker\"\u003e30\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Value Proposition --\u003e\n \u003cdiv class=\"section\"\u003e\n \u003cdiv class=\"section-content\"\u003e\n \u003ch2 class=\"section-title\"\u003eقيمة استثنائية مقابل السعر\u003c\/h2\u003e\n \n \u003cdiv class=\"benefits-grid\" style=\"margin-top: 2rem;\"\u003e\n \u003cdiv class=\"benefit-card\"\u003e\n \u003ch3 class=\"benefit-title\"\u003e4 منتجات في واحد\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eواقي شمس + حماية حرارية + علاج تقصف + تحكم في التطاير\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003ch3 class=\"benefit-title\"\u003eعبوة 100 مل\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eتكفي 4-6 شهور استخدام يومي بتركيبة مركزة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003ch3 class=\"benefit-title\"\u003eامتصاص سريع\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eما يسيبش أثر دهني أو ثقل على الشعر\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003ch3 class=\"benefit-title\"\u003eنتائج تراكمية\u003c\/h3\u003e\n \u003cp class=\"benefit-description\"\u003eكل استخدام بيبني على اللي قبله\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Call to Action --\u003e\n \u003cdiv class=\"cta-section\"\u003e\n \u003ch2 class=\"cta-title\"\u003eشعرك مستنيك تاخد القرار الصح... قبل ما يبقى فات الأوان\u003c\/h2\u003e\n \u003cp class=\"cta-text\"\u003e\n كل يوم بتأجل فيه العناية بشعرك، هو يوم شعرك بيضعف أكتر. الشمس، الحرارة، التلوث، والإهمال... كلها عوامل بتشتغل ضدك 24\/7.\n \u003c\/p\u003e\n \u003cp class=\"cta-text\"\u003e\n \u003cstrong\u003eBOBANA Hair Serum مش مجرد منتج تجميل... ده استثمار في ثقتك بنفسك.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ Enhanced hover effects for benefit cards\n const benefitCards = document.querySelectorAll('.benefit-card');\n benefitCards.forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-12px) scale(1.02)';\n this.style.boxShadow = '0 25px 60px rgba(156, 129, 2, 0.2)';\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0) scale(1)';\n this.style.boxShadow = '0 10px 30px rgba(0,0,0,0.08)';\n });\n });\n \n \/\/ Enhanced parallax effect for floating elements\n let ticking = false;\n \n function updateFloatingElements() {\n const scrolled = window.pageYOffset;\n const floatingElements = document.querySelectorAll('.floating-element');\n \n floatingElements.forEach((element, index) =\u003e {\n const speed = 0.5 + (index * 0.1);\n const yPos = -(scrolled * speed);\n element.style.transform = `translateY(${yPos}px) rotate(${scrolled * 0.1}deg)`;\n });\n \n ticking = false;\n }\n \n function requestTick() {\n if (!ticking) {\n requestAnimationFrame(updateFloatingElements);\n ticking = true;\n }\n }\n \n window.addEventListener('scroll', requestTick);\n \n \/\/ Timeline marker animation enhancement\n const timelineMarkers = document.querySelectorAll('.timeline-marker');\n timelineMarkers.forEach((marker, index) =\u003e {\n setTimeout(() =\u003e {\n marker.style.animation = `markerPulse 2s ease-in-out infinite ${index * 0.5}s`;\n }, index * 200);\n });\n \n \/\/ Dynamic text effects\n const dynamicTexts = document.querySelectorAll('.hero-title, .cta-title');\n dynamicTexts.forEach(text =\u003e {\n text.addEventListener('mouseenter', function() {\n this.style.textShadow = '0 0 20px rgba(156, 129, 2, 0.3)';\n this.style.transform = 'scale(1.02)';\n });\n \n text.addEventListener('mouseleave', function() {\n this.style.textShadow = 'none';\n this.style.transform = 'scale(1)';\n });\n });\n});\n\u003c\/script\u003e","brand":"Bobana","offers":[{"title":"Default Title","offer_id":46999401103534,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/bobanabr-serum-brwith-jojoba-oil-688273.webp?v=1788175341"},{"product_id":"derma-ten-caffeine-eye-contour-serum","title":"DERMA TEN Caffeine + Retinol + HA Eye contour Serum سيروم الهالات السوداء بالكافيين","description":"\u003cstyle\u003e#dx{--bg:#0b0805;--bg2:#1a120a;--c:#e0a458;--c2:#f3d2a2;--glass:rgba(255,255,255,.05);--bd:#e0a45855;--txt:#fff;--mut:#e3e3e3;position:relative;border-radius:28px;background:var(--bg);color:var(--txt);font-family:'Tajawal','Cairo',sans-serif;line-height:1.85;overflow:hidden;direction:rtl;text-align:start;font-size:17px}\n#dx *{box-sizing:border-box}#dx .sec{padding:56px 0}#dx .sec.a{background:var(--bg)}#dx .sec.b{background:linear-gradient(180deg,var(--bg2),var(--bg));border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}\n#dx .wrap{max-width:900px;margin:auto;padding:0 22px}#dx .c{text-align:center}\n#dx .badge{display:inline-block;padding:7px 22px;border-radius:30px;border:1px solid var(--c2);color:var(--c2);font-weight:700;font-size:14px;margin-bottom:20px;background:#e0a4581a}\n#dx h1{font-size:clamp(27px,5vw,41px);line-height:1.4;font-weight:900;margin:0 0 18px}#dx .hl{color:var(--c);font-weight:900}\n#dx h2{font-size:clamp(22px,4vw,30px);line-height:1.5;font-weight:900;margin:0 0 14px;display:flex;align-items:center;gap:14px}#dx h2:before{content:\"\";flex:0 0 6px;height:30px;background:var(--c);border-radius:4px}\n#dx h2.cc{justify-content:center;text-align:center}#dx h2.cc:before{display:none}#dx h3{font-size:19px;margin:0 0 6px;font-weight:900;color:var(--c)}\n#dx p{margin:0 0 12px;color:var(--mut)}#dx .lead{max-width:740px;margin:0 auto 24px;font-size:18px}\n#dx .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 28px}#dx .chips span{border:1px solid var(--bd);background:var(--glass);padding:6px 16px;border-radius:30px;font-size:14px}\n#dx .hero{background:radial-gradient(circle at 50% 0,#e0a45833,transparent 62%),var(--bg);padding-top:58px;text-align:center}\n#dx .pimg{display:block;width:100%;max-width:340px;height:auto;margin:0 auto;border-radius:22px;border:1px solid var(--bd);box-shadow:0 0 70px #e0a45844}\n#dx .pimg.sq{max-width:420px}\n#dx .big3{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin:10px 0}\n#dx .big3 div{padding:22px 12px;border:1.5px solid var(--c);border-radius:18px;background:#e0a45814;text-align:center}\n#dx .big3 b{display:block;font-size:42px;line-height:1.1;color:var(--c2);font-weight:900}#dx .big3 span{color:#fff;font-weight:700;font-size:15px}\n#dx .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}\n#dx .card{background:linear-gradient(145deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}\n#dx .card p{margin:0;font-size:16px;color:#fff}\n#dx .glass{background:var(--glass);border:1px solid var(--bd);border-radius:22px;padding:30px 22px}\n#dx .fm{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:20px 0}\n#dx .fm div{padding:18px;border-radius:16px;background:linear-gradient(90deg,#e0a4581f,transparent);border:1px solid var(--bd);border-inline-start:4px solid var(--c)}\n#dx .fm p{margin:0;font-size:15.5px;color:#fff}\n#dx .tl{border-inline-start:2px solid var(--c);padding-inline-start:20px;margin:16px 0 0}#dx .tl div{margin-bottom:14px;color:var(--mut)}#dx .tl b{display:block;color:#fff;font-size:18px}\n#dx ul.ck{list-style:none;padding:0;margin:10px 0}#dx ul.ck li{padding:6px 0;padding-inline-start:30px;position:relative;color:#fff}\n#dx ul.ck li:before{content:\"\";position:absolute;inset-inline-start:0;top:17px;width:14px;height:3px;border-radius:2px;background:var(--c)}\n#dx .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:22px}\n#dx .steps div{background:var(--glass);border:1.5px dashed var(--bd);border-radius:18px;padding:20px 14px;text-align:center}\n#dx .steps b{display:flex;margin:0 auto 10px;width:44px;height:44px;border-radius:50%;border:2px solid var(--c);align-items:center;justify-content:center;font-size:19px;color:var(--c2)}\n#dx .steps p{margin:0;font-size:15px;color:#fff}\n#dx .warn{border:1px solid var(--c);background:linear-gradient(135deg,#e0a4581f,transparent);border-radius:20px;padding:26px}\n#dx details{background:var(--glass);border:1px solid var(--bd);border-radius:12px;padding:15px 20px;margin-bottom:10px}#dx summary{cursor:pointer;font-weight:800}#dx details[open] summary{color:var(--c)}#dx details p{margin:10px 0 0}\n#dx .wk{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:18px 0 6px}\n#dx .wk div{padding:12px 4px;border:1px solid var(--bd);border-radius:12px;text-align:center;font-size:14px;color:var(--mut)}\n#dx .wk div.on{background:var(--c);color:#000;font-weight:900;border-color:var(--c)}\n#dx .two{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:16px}\n#dx .two div{padding:20px;border-radius:16px;background:var(--glass);border:1px solid var(--bd)}#dx .two h4{margin:0 0 6px;color:var(--c2);font-size:18px}#dx .two p{margin:0;font-size:15.5px;color:#fff}\n#dx .lay{margin:18px 0 6px}#dx .lay div{padding:13px 18px;margin-bottom:8px;border-radius:12px;border:1px solid var(--bd);background:#e0a4581a;font-weight:700;color:#fff}\n#dx .lay div:nth-child(2){margin-inline-start:18px;background:#e0a4582e}#dx .lay div:nth-child(3){margin-inline-start:36px;background:#e0a45844}\n#dx .cta{border:2px solid var(--c);border-radius:26px;padding:42px 20px;text-align:center;background:radial-gradient(circle at 50% 0,#e0a45844,transparent 70%),linear-gradient(180deg,var(--bg2),var(--bg))}\n#dx .cta h2{justify-content:center;text-align:center}#dx .cta h2:before{display:none}\n#dx .tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}#dx .tags span{border:1.5px solid var(--c);background:#e0a4581a;color:#fff;padding:9px 20px;border-radius:40px;font-weight:800;font-size:15px}\n#dx .inci{direction:ltr;text-align:left;font-size:13px;line-height:1.8;color:#ddd;background:rgba(0,0,0,.55);border:1px dashed var(--bd);border-radius:14px;padding:20px;margin-top:26px}#dx .inci b{color:var(--c)}\n#dx .k{color:var(--c2);font-weight:800;background:linear-gradient(transparent 62%,#e0a45855 62%);padding:0 3px;border-radius:3px}\n@media(max-width:768px){#dx .sec{padding:38px 0}#dx .wrap{padding:0 14px}#dx .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#dx .card{padding:14px 10px}#dx .big3 b{font-size:34px}#dx .steps{grid-template-columns:repeat(2,minmax(0,1fr))}#dx .wk div{font-size:12px;padding:10px 2px}#dx .glass{padding:22px 14px}}\u003c\/style\u003e\u003cdiv id=\"dx\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"badge\"\u003eسيروم العين الليلي | Derma Ten\u003c\/div\u003e\n\u003ch1\u003eعينيك بتحكي إنك مرهق؟ \u003cspan class=\"hl\"\u003eكافيين + ريتينول + أرجيرلين\u003c\/span\u003e في قطرة واحدة بالليل\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eسيروم ليلي لمنطقة حوالين العين، بيجمع الكافيين (بتركيز 5% حسب بيانات المنتج) مع الريتينول والأرجيرلين وحمض الهيالورونيك. معمول لدعم مظهر الهالات والانتفاخ والخطوط الرفيعة مع الاستمرار على الاستخدام.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eكافيين 5%\u003c\/span\u003e\u003cspan\u003eريتينول\u003c\/span\u003e\u003cspan\u003eأرجيرلين\u003c\/span\u003e\u003cspan\u003eهيالورونيك\u003c\/span\u003e\u003cspan\u003eليلاً فقط\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cimg class=\"pimg\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Derma_Ten_Caffeine_retinol_hyaluronic_eye_contour_serum_e7b8bed3-8706-4c08-8fb2-9120c6c09c30.jpg?v=1788175303\" alt=\"سيروم للعين بالكافيين والريتينول وحمض الهيالورونيك\" width=\"800\" height=\"1091\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eأرقام مكتوبة على العبوة\u003c\/h2\u003e\n\u003cdiv class=\"big3\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e5%\u003c\/b\u003e\u003cspan\u003eكافيين\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003cspan\u003eقطرة للعينين\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3×\u003c\/b\u003e\u003cspan\u003eفي الأسبوع في البداية\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"glass\"\u003e\n\u003ch2 class=\"cc\"\u003eالجلد حوالين العين أرق من باقي الوش\u003c\/h2\u003e\n\u003cp class=\"c\"\u003eعشان كده الهالات والانتفاخ والخطوط الرفيعة بتبان هناك الأول. السيروم ده معمول لمنطقة العين بالذات، مش كريم وش بيتحط بالغلط.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eهالات داكنة\u003c\/h3\u003e\n\u003cp\u003eكافيين وفيروليك ضمن التركيبة لدعم مظهر المنطقة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eانتفاخ صباحي\u003c\/h3\u003e\n\u003cp\u003eالكافيين بيُستخدم في منتجات العين لتقليل مظهر الانتفاخ.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eخطوط رفيعة\u003c\/h3\u003e\n\u003cp\u003eريتينول وأرجيرلين لدعم ملمس الجلد ومظهر الخطوط.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eإيه اللي جوه السيروم؟\u003c\/h2\u003e\n\u003cdiv class=\"fm\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eالكافيين\u003c\/h3\u003e\n\u003cp\u003eبيُستخدم في منتجات العين لتقليل مظهر الانتفاخ وتنشيط شكل المنطقة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eالريتينول\u003c\/h3\u003e\n\u003cp\u003eلدعم تجدد الجلد وتحسين مظهر الخطوط الرفيعة وملمس الجلد.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eالأرجيرلين\u003c\/h3\u003e\n\u003cp\u003eببتيد بيُستخدم في منتجات العناية لتخفيف مظهر خطوط التعبير.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eحمض الهيالورونيك\u003c\/h3\u003e\n\u003cp\u003eبيرطب الجلد الرقيق حوالين العين ويدّيه مظهر أكثر امتلاءً.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eحمض الفيروليك والتوكوفيرول\u003c\/h3\u003e\n\u003cp\u003eمضادات أكسدة بتدعم ثبات التركيبة وبتحمي البشرة من الأكسدة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eبانثينول وشاي أخضر وألوفيرا\u003c\/h3\u003e\n\u003cp\u003eمكونات مهدئة ومرطبة لجلد المنطقة الحساسة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eروتين الليل لحد النوم\u003c\/h2\u003e\n\u003cdiv class=\"two\"\u003e\n\u003cdiv\u003e\n\u003ch4\u003eالأول\u003c\/h4\u003e\n\u003cp\u003eنضّف وشك وجففه.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eقطرة واحدة بس\u003c\/h4\u003e\n\u003cp\u003eعلى البنصر وتربيت خفيف تحت العين، بعيد عن الجفن وخط الرموش.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eبعدها\u003c\/h4\u003e\n\u003cp\u003eاستنى 5 دقايق قبل أي منتج تاني. ليلاً فقط بسبب الريتينول.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eهتشوف إيه وإمتى؟ بصراحة\u003c\/h2\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eأول أسبوع\u003c\/b\u003eبشرة العين بتتعوّد على الريتينول بالتدريج، ابدأ 3 مرات في الأسبوع.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eبعد كام أسبوع\u003c\/b\u003eمع الانتظام ممكن تلاحظ ترطيب أحسن ومظهر أنعم، والنتيجة بتختلف من شخص لشخص.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"margin-top:22px\"\u003eممكن يناسبك لو\u003c\/h3\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eاللي حوالين عينيها داكنة أو منتفخة وعايزة روتين ليلي للعين.\u003c\/li\u003e\n\u003cli\u003eاللي بدأت تلاحظ خطوط رفيعة حوالين العين.\u003c\/li\u003e\n\u003cli\u003eاللي استخدمت الريتينول قبل كده أو مستعدة تبدأ بالتدريج.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eطريقة الاستخدام.. بسيطة\u003c\/h2\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003cp\u003eاغسل وشك ونشّفه كويس قبل النوم.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003cp\u003eحط قطرة واحدة على البنصر (أخف إصبع ضغطاً).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003cp\u003eوزّعها بالتربيت الخفيف تحت العين من الجوّه للبرّه.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003cp\u003eابعد عن الجفن المتحرك وعن خط الرموش.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e5\u003c\/b\u003e\u003cp\u003eاستنى 5 دقايق قبل أي منتج تاني.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e6\u003c\/b\u003e\u003cp\u003eابدأ 3 مرات في الأسبوع وزوّد تدريجياً حسب تحمل بشرتك.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003eاقرا ده قبل أول استخدام\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eممنوع أثناء الحمل والرضاعة بسبب الريتينول.\u003c\/li\u003e\n\u003cli\u003eاستخدم واقي شمس كل يوم، خصوصاً مع المنتجات اللي بتحسّس البشرة للشمس.\u003c\/li\u003e\n\u003cli\u003eممكن يحصل تقشير خفيف في البداية، ولو استمر قلّل مرات الاستخدام.\u003c\/li\u003e\n\u003cli\u003eماتحطوش جوّه العين. لو حصل احمرار شديد أو حرقان مستمر، وقّف الاستخدام.\u003c\/li\u003e\n\u003cli\u003eجرّب المنتج على مساحة صغيرة من الجلد الأول وانتظر 24 ساعة قبل الاستخدام الكامل.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eأسئلة قبل الطلب\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003eأستخدمه بالنهار؟\u003c\/summary\u003e\u003cp\u003eلا، استخدمه ليلاً بس، لأن الريتينول بيزوّد حساسية الجلد للشمس.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eأحط كام قطرة؟\u003c\/summary\u003e\u003cp\u003eقطرة واحدة تكفي منطقة العين كلها. زيادة الكمية ممكن تسبب تهيج.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eإمتى هلاحظ فرق؟\u003c\/summary\u003e\u003cp\u003eالاستخدام المنتظم لعدة أسابيع هو الأساس، والنتائج بتختلف من شخص لشخص.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\" style=\"padding-top:10px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta\"\u003e\n\u003ch2\u003eعينك تستاهل روتين ليلي خاص بيها\u003c\/h2\u003e\n\u003cp style=\"max-width:680px;margin:10px auto 0;font-size:18px;color:#fff\"\u003eاضغط \u003cspan class=\"k\"\u003eأضف إلى السلة\u003c\/span\u003e وابدأ بالتدريج. النتائج بتختلف من شخص لشخص حسب نوع البشرة وانتظام الاستخدام.\u003c\/p\u003e\n\u003cdiv class=\"tags\"\u003e\n\u003cspan\u003eكافيين 5%\u003c\/span\u003e\u003cspan\u003eريتينول\u003c\/span\u003e\u003cspan\u003eأرجيرلين\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eINCI:\u003c\/b\u003e AQUA, CAFFEINE, RETINOL, ARGIRELINE, FERULIC ACID, TOCOPHEROL, PANTHENOL, GREEN TEA EXTRACT, CELLULOSE GUM, LACTIC ACID, ALOE BARBADENSIS LEAF EXTRACT, PROPYLENE GLYCOL, PHENOXYETHANOL\u003c\/div\u003e\n\u003cp class=\"c\" style=\"margin-top:18px;font-size:14px\"\u003eلو عندك حالة جلدية أو حساسية، استشر دكتور جلدية قبل الاستخدام.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Derma ten","offers":[{"title":"Default Title","offer_id":46999408574638,"sku":null,"price":35.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Derma_Ten_Caffeine_retinol_hyaluronic_eye_contour_serum_e7b8bed3-8706-4c08-8fb2-9120c6c09c30.jpg?v=1788175303"},{"product_id":"skin-1004-madagascar-centella-hyalu-cica-water-fit-sun-serum-spf-50-50-ml","title":"SKIN1004 واقي شمس سيروم مائي بخلاصة سنتيلا مدغشقر وهيالو سيكا (SPF 50+ | 50 مل)","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 \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\"\u003eواقي الشمس اللي هيخليك تحب الشمس من أول استخدام\u003c\/h1\u003e\n \u003cp class=\"ph-hero-subtitle\"\u003e\u003cstrong\u003eمش مجرد واقي شمس عادي... ده سيروم عناية متكامل بحماية استثنائية SPF50+ PA++++ مع السنتيلا والهيالورونيك أسيد\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Hero Image --\u003e\n \u003cimg 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\" alt=\"SKIN1004 Madagascar Centella Hyalu-Cica Water-Fit Sun Serum\" class=\"ph-product-image\"\u003e\n\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 واقي الشمس ده مش زي أي واقي شمس جربته في حياتك. تخيل واقي شمس يحميك ويرطبك ويخليك مشرق في نفس الوقت؟ تخيل إنك تحط واقي شمس ومتحسوش خالص على بشرتك؟ تخيل حماية قوية من الشمس بدون أي بياض أو دهنية أو لزوجة؟ ده مش خيال... ده \u003cstrong\u003eSKIN1004 Centella Hyalu-Cica Water-Fit Sun Serum\u003c\/strong\u003e. مش مجرد واقي شمس عادي... ده سيروم عناية متكامل بحماية استثنائية.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Product Image 2 --\u003e\n \u003cimg 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\" alt=\"فوائد SKIN1004 Sun Serum\" class=\"ph-product-image\"\u003e\n\n \u003c!-- Benefits Grid --\u003e\n \u003cdiv class=\"ph-section\"\u003e\n \u003ch2 class=\"ph-section-title\"\u003eحماية + عناية + جمال في منتج واحد - 6 فوائد استثنائية\u003c\/h2\u003e\n \u003cp class=\"ph-section-subtitle\"\u003e\n أقوى المكونات الطبيعية مجتمعة لأول مرة\n \u003c\/p\u003e\n \u003cdiv class=\"ph-benefits-grid\"\u003e\n \n \u003cdiv class=\"ph-benefit-card\"\u003e\n \u003cdiv class=\"ph-benefit-icon\"\u003e50\u003c\/div\u003e\n \u003ch3 class=\"ph-benefit-title\"\u003eحماية فائقة SPF50+ PA++++\u003c\/h3\u003e\n \u003cp class=\"ph-benefit-description\"\u003eأقوى حماية ضد الأشعة الضارة UVA وUVB مع تقنية الحماية الكورية المتقدمة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-benefit-card\"\u003e\n \u003cdiv class=\"ph-benefit-icon\"\u003eH\u003c\/div\u003e\n \u003ch3 class=\"ph-benefit-title\"\u003eترطيب عميق بالهيالورونيك أسيد\u003c\/h3\u003e\n \u003cp class=\"ph-benefit-description\"\u003eيحافظ على رطوبة البشرة طول اليوم مع 3 أحجام جزيئية مختلفة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-benefit-card\"\u003e\n \u003cdiv class=\"ph-benefit-icon\"\u003eC\u003c\/div\u003e\n \u003ch3 class=\"ph-benefit-title\"\u003eيهدي التهابات البشرة\u003c\/h3\u003e\n \u003cp class=\"ph-benefit-description\"\u003eبخلاصة السينتيلا المركزة 9800ppm من مدغشقر لتهدئة فورية\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-benefit-card\"\u003e\n \u003cdiv class=\"ph-benefit-icon\"\u003eW\u003c\/div\u003e\n \u003ch3 class=\"ph-benefit-title\"\u003eملمس مائي خفيف\u003c\/h3\u003e\n \u003cp class=\"ph-benefit-description\"\u003eيختفي في البشرة بدون أثر، شفاف تماماً ومناسب لكل درجات البشرة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-benefit-card\"\u003e\n \u003cdiv class=\"ph-benefit-icon\"\u003eG\u003c\/div\u003e\n \u003ch3 class=\"ph-benefit-title\"\u003eإشراق طبيعي فوري\u003c\/h3\u003e\n \u003cp class=\"ph-benefit-description\"\u003eيخلي بشرتك تلمع بصحة ويوحد لونها مع النياسيناميد\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-benefit-card\"\u003e\n \u003cdiv class=\"ph-benefit-icon\"\u003eS\u003c\/div\u003e\n \u003ch3 class=\"ph-benefit-title\"\u003eآمن للبشرة الحساسة\u003c\/h3\u003e\n \u003cp class=\"ph-benefit-description\"\u003eهيبوالليرجينيك ومختبر من أطباء الجلدية\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Section Header for Magic Formula --\u003e\n \u003cdiv class=\"ph-section\"\u003e\n \u003ch2 class=\"ph-section-title\"\u003eالتركيبة السحرية: حماية + عناية + جمال في منتج واحد\u003c\/h2\u003e\n \u003cp class=\"ph-section-subtitle\"\u003eأقوى المكونات الطبيعية مجتمعة لأول مرة\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Product Image 3 --\u003e\n \u003cimg 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\" alt=\"تركيبة SKIN1004 السحرية\" class=\"ph-product-image\"\u003e\n\n \u003c!-- How It Works Section --\u003e\n \u003cdiv class=\"ph-how-it-works\"\u003e\n \u003ch2 class=\"ph-section-title\"\u003eالمكونات العلمية المتطورة\u003c\/h2\u003e\n \u003cp class=\"ph-section-subtitle\"\u003e\n 4 مجموعات مكونات قوية تعمل بتناغم مثالي\n \u003c\/p\u003e\n \n \u003cdiv class=\"ph-mechanism-cards\"\u003e\n \u003cdiv class=\"ph-mechanism-card\"\u003e\n \u003ch3 class=\"ph-mechanism-title\"\u003eخلاصة السينتيلا المدغشقرية 9800ppm - المهدي الطبيعي\u003c\/h3\u003e\n \u003cp class=\"ph-mechanism-subtitle\"\u003eأنقى وأقوى أنواع السينتيلا في العالم من مدغشقر\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eالسنتيلا هي معجزة عشبية ليها القدرة على تهدئة أصعب حالات التهيج والاحمرار في ثوان\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul class=\"ph-feature-list white\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eتهدي التهابات البشرة:\u003c\/strong\u003e والاحمرار فوراً\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eتسرع شفاء الجروح الصغيرة:\u003c\/strong\u003e وآثار الحبوب\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eتقوي حاجز البشرة الطبيعي:\u003c\/strong\u003e ضد العوامل الخارجية\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eتحمي من التلوث والأتربة:\u003c\/strong\u003e أثناء الحماية من الشمس\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-mechanism-card\"\u003e\n \u003ch3 class=\"ph-mechanism-title\"\u003eالهيالورونيك أسيد بـ 3 أحجام جزيئية - الترطيب العميق\u003c\/h3\u003e\n \u003cp class=\"ph-mechanism-subtitle\"\u003eتقنية متطورة لترطيب كل طبقات البشرة\u003c\/p\u003e\n \u003ch4\u003e\u003cstrong\u003eالسحر في التنوع:\u003c\/strong\u003e\u003c\/h4\u003e\n \u003cul class=\"ph-feature-list white\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eهيالورونيك أسيد عادي:\u003c\/strong\u003e للطبقة السطحية\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eهيالورونيك أسيد محلل:\u003c\/strong\u003e للطبقات العميقة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eصوديوم هيالورونات:\u003c\/strong\u003e للترطيب المستمر\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eترطيب 1000 مرة:\u003c\/strong\u003e من وزن الجزيء في الماء\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-mechanism-card\"\u003e\n \u003ch3 class=\"ph-mechanism-title\"\u003eنياسيناميد - معالج التصبغات\u003c\/h3\u003e\n \u003cp class=\"ph-mechanism-subtitle\"\u003eفيتامين B3 اللي بيوحد لون البشرة ويحميها\u003c\/p\u003e\n \u003ch4\u003e\u003cstrong\u003eالفوايد المتعددة:\u003c\/strong\u003e\u003c\/h4\u003e\n \u003cul class=\"ph-feature-list white\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eيقلل التصبغات:\u003c\/strong\u003e الناتجة عن أضرار الشمس\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eينظم إفراز الدهون:\u003c\/strong\u003e للبشرة الدهنية والمختلطة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eيحسن ملمس البشرة:\u003c\/strong\u003e ونعومتها\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eيقوي مناعة البشرة:\u003c\/strong\u003e ضد العوامل الضارة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-mechanism-card\"\u003e\n \u003ch3 class=\"ph-mechanism-title\"\u003eمضادات الأكسدة الطبيعية - الحماية الشاملة\u003c\/h3\u003e\n \u003cp class=\"ph-mechanism-subtitle\"\u003eضرر الأكسدة هو المسبب الأول للشيخوخة المبكرة والتصبغات العنيدة\u003c\/p\u003e\n \u003ch4\u003e\u003cstrong\u003eالفريق المدافع:\u003c\/strong\u003e\u003c\/h4\u003e\n \u003cul class=\"ph-feature-list white\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eخلاصة الشاي الأخضر:\u003c\/strong\u003e مضاد أكسدة قوي\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eخلاصة البروكلي:\u003c\/strong\u003e فيتامينات ومعادن أساسية\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eخلاصة الجرجير:\u003c\/strong\u003e تنشط الدورة الدموية\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eخلاصة البرسيم:\u003c\/strong\u003e تغذية عميقة للخلايا\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Problem Section (Comparison) --\u003e\n \u003cdiv class=\"ph-problem-section\"\u003e\n \u003ch2 class=\"ph-problem-title\"\u003eليه SKIN1004 مختلف عن واقيات الشمس التانية؟\u003c\/h2\u003e\n \n \u003ch3 class=\"ph-problem-subtitle\"\u003e\n \u003cstrong\u003eواقيات الشمس العادية ضد SKIN1004 - الفرق واضح\u003c\/strong\u003e\n \u003c\/h3\u003e\n\n \u003cp class=\"ph-problem-text\"\u003e\n معظم واقيات الشمس في السوق بتركز على الحماية بس، لكن بتسيب البشرة جافة، دهنية، أو مع طبقة بيضاء مزعجة. أشعة الشمس بتضر بشرتك حتى في الأيام الغائمة، وكل يوم بدون حماية مناسبة خلايا البشرة بتتضرر أكتر.\n \u003c\/p\u003e\n\n \u003cdiv class=\"ph-problem-details\"\u003e\n \u003ch4 class=\"ph-problem-detail-title\"\u003eمقارنة شاملة:\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\u003eواقيات الشمس التقليدية\u003c\/strong\u003e\u003c\/h5\u003e\n \u003cp class=\"ph-problem-detail-text\"\u003e✗ ملمس دهني ولزج يخلي البشرة تلمع بطريقة مش حلوة\u003c\/p\u003e\n \u003cp class=\"ph-problem-detail-text\"\u003e✗ بياض واضح يبان على البشرة لساعات\u003c\/p\u003e\n \u003cp class=\"ph-problem-detail-text\"\u003e✗ جفاف وتهيج خاصة للبشرة الحساسة\u003c\/p\u003e\n \u003cp class=\"ph-problem-detail-text\"\u003e✗ حماية بس بدون أي فوايد إضافية\u003c\/p\u003e\n \u003cp class=\"ph-problem-detail-text\"\u003e✗ صعب الإزالة ويسد المسام\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✓ ملمس مائي خفيف يختفي في ثوان\u003c\/p\u003e\n \u003cp class=\"ph-problem-detail-text\"\u003e✓ شفاف تماماً مناسب لكل درجات البشرة\u003c\/p\u003e\n \u003cp class=\"ph-problem-detail-text\"\u003e✓ ترطيب وتهدئة مع الحماية\u003c\/p\u003e\n \u003cp class=\"ph-problem-detail-text\"\u003e✓ عناية متكاملة للبشرة أثناء الحماية\u003c\/p\u003e\n \u003cp class=\"ph-problem-detail-text\"\u003e✓ سهل الإزالة ومريح للاستخدام اليومي\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"ph-problem-highlight\"\u003e\n \u003cstrong\u003eالحماية مش رفاهية... دي ضرورة لصحة وجمال بشرتك\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Product Image 4 --\u003e\n \u003cimg 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\" alt=\"مقارنة SKIN1004 مع المنتجات الأخرى\" class=\"ph-product-image\"\u003e\n\n \u003c!-- Results Timeline --\u003e\n \u003cdiv class=\"ph-timeline-section\"\u003e\n \u003ch2 class=\"ph-section-title\"\u003eرحلة الحماية والجمال - شوف الفرق من أول يوم\u003c\/h2\u003e\n \u003cp class=\"ph-section-subtitle\"\u003eمش مجرد حماية... ده تحسن شامل لبشرتك\u003c\/p\u003e\n \n \u003cdiv class=\"ph-timeline-container\"\u003e\n \u003cdiv class=\"ph-timeline-item\"\u003e\n \u003cdiv class=\"ph-timeline-badge\"\u003eمن أول استخدام\u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-card\"\u003e\n \u003ch3 class=\"ph-timeline-title\"\u003eالمفاجأة السارة\u003c\/h3\u003e\n \u003cdiv class=\"ph-timeline-benefits\"\u003e\n \u003cdiv class=\"ph-timeline-benefit\"\u003e\n \u003cspan class=\"ph-benefit-text\"\u003eحماية فورية من أقوى أشعة الشمس\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-benefit\"\u003e\n \u003cspan class=\"ph-benefit-text\"\u003eترطيب عميق يفضل لساعات طويلة\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-benefit\"\u003e\n \u003cspan class=\"ph-benefit-text\"\u003eإشراق طبيعي بدون أي بياض أو دهنية\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-benefit\"\u003e\n \u003cspan class=\"ph-benefit-text\"\u003eراحة تامة حتى للبشرة الحساسة\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-timeline-item\"\u003e\n \u003cdiv class=\"ph-timeline-badge\"\u003eبعد أسبوع\u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-card\"\u003e\n \u003ch3 class=\"ph-timeline-title\"\u003eالتحسن الواضح\u003c\/h3\u003e\n \u003cdiv class=\"ph-timeline-benefits\"\u003e\n \u003cdiv class=\"ph-timeline-benefit\"\u003e\n \u003cspan class=\"ph-benefit-text\"\u003eالبشرة أكثر نعومة ومرونة ملحوظة\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-benefit\"\u003e\n \u003cspan class=\"ph-benefit-text\"\u003eتقليل في الاحمرار والتهابات البشرة\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-benefit\"\u003e\n \u003cspan class=\"ph-benefit-text\"\u003eتوحيد أفضل للون البشرة وإشراق طبيعي\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-benefit\"\u003e\n \u003cspan class=\"ph-benefit-text\"\u003eحماية مؤكدة بدون أي حروق شمس\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-timeline-item\"\u003e\n \u003cdiv class=\"ph-timeline-badge\"\u003eبعد شهر\u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-card\"\u003e\n \u003ch3 class=\"ph-timeline-title\"\u003eتحسن مستمر\u003c\/h3\u003e\n \u003cdiv class=\"ph-timeline-benefits\"\u003e\n \u003cdiv class=\"ph-timeline-benefit\"\u003e\n \u003cspan class=\"ph-benefit-text\"\u003eبشرة أصحى وأكثر حيوية من الترطيب العميق\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-benefit\"\u003e\n \u003cspan class=\"ph-benefit-text\"\u003eتحسن في ملمس البشرة ونعومتها\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-benefit\"\u003e\n \u003cspan class=\"ph-benefit-text\"\u003eحماية قوية ضد كل أضرار الشمس والتلوث\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-benefit\"\u003e\n \u003cspan class=\"ph-benefit-text\"\u003eثقة أكبر في استخدام المنتج يومياً\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-timeline-item\"\u003e\n \u003cdiv class=\"ph-timeline-badge\"\u003eبعد 3 شهور\u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-card\"\u003e\n \u003ch3 class=\"ph-timeline-title\"\u003eالحماية والعناية الكاملة\u003c\/h3\u003e\n \u003cdiv class=\"ph-timeline-benefits\"\u003e\n \u003cdiv class=\"ph-timeline-benefit\"\u003e\n \u003cspan class=\"ph-benefit-text\"\u003eبشرة محمية 100% من أضرار الشمس والشيخوخة\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-benefit\"\u003e\n \u003cspan class=\"ph-benefit-text\"\u003eصحة عامة أفضل للبشرة من المكونات الطبيعية\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-benefit\"\u003e\n \u003cspan class=\"ph-benefit-text\"\u003eإشراق دائم وحيوية طبيعية\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ph-timeline-benefit\"\u003e\n \u003cspan class=\"ph-benefit-text\"\u003eعادة صحية أصبحت جزء من روتينك اليومي\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cp class=\"ph-timeline-conclusion\"\u003e\n مش مجرد حماية... ده تحسن شامل لبشرتك على المدى الطويل\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Product Image 5 --\u003e\n \u003cimg 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\" alt=\"رحلة التحسن مع SKIN1004\" class=\"ph-product-image\"\u003e\n\n \u003c!-- Usage Instructions --\u003e\n \u003cdiv class=\"ph-usage-section\"\u003e\n \u003ch2 class=\"ph-usage-title\"\u003eطريقة الاستخدام المثلى - للحماية والجمال الأقصى\u003c\/h2\u003e\n \u003cp class=\"ph-usage-subtitle\"\u003eخطوات بسيطة لنتائج مثالية\u003c\/p\u003e\n \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\"\u003eفي الصباح\u003c\/h3\u003e\n \u003cp class=\"ph-step-description\"\u003eنضف وجهك بالغسول المناسب، رطب بشرتك بالمرطب المعتاد، انتظر 5 دقائق حتى يجف المرطب، ضع كمية مناسبة من السيروم واقي الشمس\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-usage-step\"\u003e\n \u003cdiv class=\"ph-step-number\"\u003e2\u003c\/div\u003e\n \u003ch3 class=\"ph-step-title\"\u003eطريقة التطبيق\u003c\/h3\u003e\n \u003cp class=\"ph-step-description\"\u003eاعصر كمية بحجم العملة (حوالي ملعقة صغيرة)، وزع بلطف على كامل الوجه والرقبة، ربت برفق حتى الامتصاص الكامل، انتظر 5 دقائق قبل وضع المكياج\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-usage-step\"\u003e\n \u003cdiv class=\"ph-step-number\"\u003e3\u003c\/div\u003e\n \u003ch3 class=\"ph-step-title\"\u003eإعادة التطبيق\u003c\/h3\u003e\n \u003cp class=\"ph-step-description\"\u003eكل ساعتين عند التعرض المباشر للشمس، بعد السباحة أو التعرق الشديد، سهل التطبيق حتى فوق المكياج الخفيف\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-usage-step\"\u003e\n \u003cdiv class=\"ph-step-number\"\u003e4\u003c\/div\u003e\n \u003ch3 class=\"ph-step-title\"\u003eنصائح مهمة\u003c\/h3\u003e\n \u003cp class=\"ph-step-description\"\u003eاستخدم يومياً للحصول على أفضل النتائج، مناسب تحت واقي الشمس والمكياج، آمن للاستخدام المتكرر\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-usage-tips\"\u003e\n \u003ch3 class=\"ph-usage-tips-title\"\u003eليه واقي الشمس ده استثمار ذكي؟\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\"\u003eجودة كورية أصلية:\u003c\/h4\u003e\n \u003cul class=\"ph-feature-list white\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eمن أشهر العلامات الكورية\u003c\/strong\u003e المتخصصة في منتجات السينتيلا - ثقة وجودة عالمية مؤكدة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eسعر معقول لقيمة عالية\u003c\/strong\u003e - أرخص من معظم واقيات الشمس الفاخرة مع مكونات أغلى\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eنسبة رضا أكثر من 95%\u003c\/strong\u003e من المستخدمين حول العالم\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\"\u003eاستثمار ذكي في بشرتك:\u003c\/h4\u003e\n \u003cul class=\"ph-feature-list white\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eمنتج حقق نجاح واسع\u003c\/strong\u003e ومراجعات ممتازة عالمياً\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eأشعة الشمس بتضر بشرتك\u003c\/strong\u003e حتى في الأيام الغائمة\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eكل يوم بدون حماية\u003c\/strong\u003e خلايا بشرتك بتتضرر أكتر\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Warning Section --\u003e\n \u003cdiv class=\"ph-section\"\u003e\n \u003ch2 class=\"ph-section-title\"\u003eتحذير مهم: بشرتك محتاجة حماية كل يوم\u003c\/h2\u003e\n \u003cdiv class=\"ph-warning-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eأشعة الشمس بتضر بشرتك حتى في الأيام الغائمة\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eكل يوم بدون حماية... خلايا بشرتك بتتضرر أكتر\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eكل أسبوع إهمال... علامات الشيخوخة بتظهر أسرع\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eكل شهر تأجيل... الأضرار بتتراكم وتبقى صعبة الإصلاح\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eالحماية مش رفاهية... دي ضرورة لصحة وجمال بشرتك\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Product Image 6 --\u003e\n \u003cimg 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\" alt=\"أهمية الحماية اليومية\" class=\"ph-product-image\"\u003e\n\n \u003c!-- Social Proof --\u003e\n \u003cdiv class=\"ph-social-proof\"\u003e\n \u003ch2 class=\"ph-social-proof-title\"\u003eSKIN1004 مش مجرد واقي شمس... ده استثمار في مستقبل بشرتك\u003c\/h2\u003e\n \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\u003eجودة كورية أصلية\u003c\/h4\u003e\n \u003cp\u003eمن أشهر العلامات الكورية المتخصصة في منتجات السينتيلا - ثقة وجودة عالمية مؤكدة مع تقنيات الحماية المتقدمة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-proof-item\"\u003e\n \u003cdiv class=\"ph-proof-icon\"\u003eV\u003c\/div\u003e\n \u003ch4\u003eسعر معقول لقيمة عالية\u003c\/h4\u003e\n \u003cp\u003eأرخص من معظم واقيات الشمس الفاخرة مع مكونات أغلى وأكثر فاعلية - استثمار ذكي في صحة بشرتك\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-proof-item\"\u003e\n \u003cdiv class=\"ph-proof-icon\"\u003e95\u003c\/div\u003e\n \u003ch4\u003eمثبت النجاح عالمياً\u003c\/h4\u003e\n \u003cp\u003eنسبة رضا أكثر من 95% من المستخدمين حول العالم - منتج حقق نجاح واسع ومراجعات ممتازة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-proof-item\"\u003e\n \u003cdiv class=\"ph-proof-icon\"\u003eA\u003c\/div\u003e\n \u003ch4\u003eآمان ومناسب للجميع\u003c\/h4\u003e\n \u003cp\u003eهيبوالليرجينيك ومختبر من أطباء الجلدية - مناسب للبشرة الحساسة والاستخدام اليومي\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ph-proof-item\"\u003e\n \u003cdiv class=\"ph-proof-icon\"\u003eU\u003c\/div\u003e\n \u003ch4\u003eمتعدد الاستخدامات\u003c\/h4\u003e\n \u003cp\u003eواقي شمس + سيروم عناية + مرطب خفيف + مضاد التهاب - كل ما تحتاجه البشرة في منتج واحد\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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\"\u003eاحمي بشرتك من النهاردة... وخليها تشكرك في المستقبل\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 كل يوم بدون حماية مناسبة خلايا البشرة بتتضرر أكتر.\u003cbr\u003e\n كل أسبوع إهمال علامات الشيخوخة بتظهر أسرع.\n \u003c\/p\u003e\n \u003cdiv class=\"ph-cta-content\"\u003e\n \u003cp class=\"ph-cta-highlight\"\u003eاستمتع بأشعة الشمس بدون خوف\u003c\/p\u003e\n \u003cp class=\"ph-cta-subtext\"\u003eمع أقوى حماية وأنعم ملمس - واقي الشمس اللي هيخليك تحب الشمس من أول استخدام\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Ingredients List --\u003e\n \u003cdiv class=\"ph-section\"\u003e\n \u003ch2 class=\"ph-section-title\"\u003eقائمة المكونات الكاملة\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ph-ingredients-list\"\u003e\n \u003ch2 class=\"ph-ingredients-list-title\"\u003eالمكونات النشطة والتركيبة الكاملة\u003c\/h2\u003e\n \u003cdiv class=\"ph-ingredients-text\"\u003e\n \u003cstrong\u003eالمكونات النشطة الرئيسية:\u003c\/strong\u003e\u003cbr\u003e\n • \u003cstrong\u003eCentella Asiatica Extract (9800ppm)\u003c\/strong\u003e - السينتيلا المدغشقرية للتهدئة\u003cbr\u003e\n • \u003cstrong\u003eHyaluronic Acid Complex (3 sizes)\u003c\/strong\u003e - الهيالورونيك أسيد للترطيب العميق\u003cbr\u003e\n • \u003cstrong\u003eNiacinamide\u003c\/strong\u003e - فيتامين B3 لتوحيد اللون\u003cbr\u003e\n • \u003cstrong\u003eNatural Antioxidants\u003c\/strong\u003e - مضادات الأكسدة الطبيعية\u003cbr\u003e\n • \u003cstrong\u003eSPF50+ PA++++ Filters\u003c\/strong\u003e - مرشحات الحماية المتقدمة\u003cbr\u003e\u003cbr\u003e\n \n \u003cstrong\u003eقائمة المكونات الكاملة (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✓ هيبوالليرجينيك\u003c\/strong\u003e - مختبر من أطباء الجلدية\u003cbr\u003e\n \u003cstrong\u003e✓ مناسب للبشرة الحساسة\u003c\/strong\u003e - تركيبة لطيفة وآمنة\u003cbr\u003e\n \u003cstrong\u003e✓ حماية واسعة الطيف\u003c\/strong\u003e - ضد UVA وUVB والأشعة الضارة\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":46999413457070,"sku":null,"price":18.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_1_b7925199-d026-46d6-88ae-ac37fcb111d9.jpg?v=1788175283"},{"product_id":"some-by-mi-aha-bha-pha-30-days-miracle-serum","title":"Some by mi Aha Bha Pha 30 Days Miracle Serum 50Ml","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cstyle\u003e\n .product-description {\n direction: rtl;\n text-align: right;\n font-family: inherit;\n line-height: 1.6;\n color: #333;\n max-width: 100%;\n margin: 0 auto;\n padding: 0;\n }\n\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s ease;\n }\n\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n .hero-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 40px 20px;\n border-radius: 15px;\n margin-bottom: 30px;\n position: relative;\n overflow: hidden;\n }\n\n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 100%;\n background: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_tea_tree_serum_miracle_30_days_skin_serum_1.png?v=1754408557') no-repeat center;\n background-size: contain;\n opacity: 0.1;\n z-index: 1;\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n }\n\n .main-title {\n font-size: 2.2em;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 20px;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.1);\n }\n\n .subtitle {\n font-size: 1.4em;\n font-weight: bold;\n color: #333;\n margin-bottom: 15px;\n }\n\n .hero-text {\n font-size: 1.1em;\n line-height: 1.7;\n margin-bottom: 20px;\n }\n\n .product-image {\n text-align: center;\n margin: 30px 0;\n transition: transform 0.3s ease;\n }\n\n .product-image:hover {\n transform: scale(1.02);\n }\n\n .product-image img {\n max-width: 100%;\n height: auto;\n border-radius: 10px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n }\n\n .benefits-section {\n background: #000;\n color: #fff;\n padding: 40px 30px;\n border-radius: 15px;\n margin: 30px 0;\n }\n\n .benefits-title {\n font-size: 2em;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 30px;\n text-align: center;\n }\n\n .benefit-item {\n display: flex;\n align-items: flex-start;\n margin-bottom: 25px;\n padding: 15px;\n background: rgba(255,255,255,0.05);\n border-radius: 10px;\n transition: all 0.3s ease;\n border-right: 4px solid #9C8102;\n }\n\n .benefit-item:hover {\n background: rgba(255,255,255,0.1);\n transform: translateX(-5px);\n }\n\n .benefit-icon {\n margin-left: 15px;\n color: #9C8102;\n font-size: 1.2em;\n min-width: 30px;\n }\n\n .benefit-content h3 {\n font-size: 1.2em;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 8px;\n }\n\n .benefit-content p {\n line-height: 1.6;\n margin: 0;\n }\n\n .ingredients-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 40px 30px;\n border-radius: 15px;\n margin: 30px 0;\n }\n\n .ingredients-title {\n font-size: 1.8em;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 20px;\n text-align: center;\n }\n\n .ingredient-card {\n background: #fff;\n padding: 25px;\n border-radius: 12px;\n margin-bottom: 20px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n border-right: 5px solid #9C8102;\n }\n\n .ingredient-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0,0,0,0.15);\n }\n\n .ingredient-name {\n font-size: 1.3em;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 10px;\n }\n\n .ingredient-description {\n line-height: 1.6;\n color: #333;\n }\n\n .results-section {\n background: #9C8102;\n color: #fff;\n padding: 40px 30px;\n border-radius: 15px;\n margin: 30px 0;\n text-align: center;\n }\n\n .results-title {\n font-size: 2em;\n font-weight: bold;\n margin-bottom: 30px;\n color: #333;\n }\n\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n margin-top: 30px;\n }\n\n .stat-item {\n background: rgba(255,255,255,0.1);\n padding: 20px;\n border-radius: 10px;\n transition: all 0.3s ease;\n }\n\n .stat-item:hover {\n background: rgba(255,255,255,0.2);\n transform: scale(1.05);\n }\n\n .stat-number {\n font-size: 2.5em;\n font-weight: bold;\n margin-bottom: 10px;\n }\n\n .timeline-section {\n padding: 40px 20px;\n margin: 30px 0;\n }\n\n .timeline-title {\n font-size: 1.8em;\n font-weight: bold;\n color: #9C8102;\n text-align: center;\n margin-bottom: 40px;\n }\n\n .timeline {\n position: relative;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .timeline::after {\n content: '';\n position: absolute;\n width: 4px;\n background-color: #9C8102;\n top: 0;\n bottom: 0;\n right: 50%;\n margin-right: -2px;\n }\n\n .timeline-item {\n padding: 20px 40px;\n position: relative;\n background-color: inherit;\n width: 50%;\n }\n\n .timeline-item::after {\n content: '';\n position: absolute;\n width: 20px;\n height: 20px;\n background-color: #9C8102;\n border: 4px solid #fff;\n top: 25px;\n border-radius: 50%;\n z-index: 1;\n }\n\n .timeline-item:nth-child(odd) {\n right: 0;\n }\n\n .timeline-item:nth-child(odd)::after {\n right: -10px;\n }\n\n .timeline-item:nth-child(even) {\n right: 50%;\n }\n\n .timeline-item:nth-child(even)::after {\n left: -10px;\n }\n\n .timeline-content {\n padding: 20px;\n background-color: #fff;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n }\n\n .timeline-content:hover {\n transform: scale(1.02);\n box-shadow: 0 10px 25px rgba(0,0,0,0.15);\n }\n\n .timeline-content h3 {\n color: #9C8102;\n font-weight: bold;\n margin-bottom: 15px;\n }\n\n .social-proof {\n background: linear-gradient(135deg, #333 0%, #000 100%);\n color: #fff;\n padding: 40px 30px;\n border-radius: 15px;\n margin: 30px 0;\n text-align: center;\n }\n\n .social-proof-title {\n font-size: 2em;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 30px;\n }\n\n .proof-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 25px;\n margin-top: 30px;\n }\n\n .proof-item {\n background: rgba(255,255,255,0.05);\n padding: 25px;\n border-radius: 12px;\n transition: all 0.3s ease;\n border: 1px solid rgba(156, 129, 2, 0.3);\n }\n\n .proof-item:hover {\n background: rgba(255,255,255,0.1);\n border-color: #9C8102;\n }\n\n .proof-icon {\n font-size: 2.5em;\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n .usage-guide {\n background: #f8f9fa;\n padding: 40px 30px;\n border-radius: 15px;\n margin: 30px 0;\n }\n\n .usage-title {\n font-size: 1.8em;\n font-weight: bold;\n color: #9C8102;\n text-align: center;\n margin-bottom: 30px;\n }\n\n .usage-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n }\n\n .step-card {\n background: #fff;\n padding: 25px;\n border-radius: 12px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n }\n\n .step-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n }\n\n .step-number {\n width: 40px;\n height: 40px;\n background: #9C8102;\n color: #fff;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n margin-bottom: 15px;\n float: right;\n margin-left: 15px;\n }\n\n .step-title {\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 10px;\n font-size: 1.1em;\n }\n\n .final-cta {\n background: linear-gradient(135deg, #6b5b00 0%, #9C8102 50%, #b8941a 100%);\n color: #fff;\n padding: 50px 30px;\n border-radius: 15px;\n margin: 30px 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(107, 91, 0, 0.3);\n }\n\n .final-cta::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 200%;\n height: 200%;\n background: linear-gradient(45deg, transparent, rgba(255,255,255,0.15), transparent);\n transform: rotate(45deg);\n animation: shine 3s infinite;\n }\n\n @keyframes shine {\n 0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\n }\n\n .cta-title {\n font-size: 2.2em;\n font-weight: bold;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n color : #000;\n }\n\n .cta-text {\n font-size: 1.2em;\n line-height: 1.6;\n position: relative;\n z-index: 2;\n }\n\n .ingredients-list {\n background: #fff;\n padding: 30px;\n border-radius: 12px;\n margin: 30px 0;\n border: 1px solid #e9ecef;\n }\n\n .ingredients-list-title {\n font-size: 1.5em;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 20px;\n }\n\n .ingredients-text {\n line-height: 1.8;\n color: #333;\n font-size: 0.95em;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .main-title { font-size: 1.8em; }\n .timeline::after { right: 20px; }\n .timeline-item { width: 100%; padding-right: 50px; }\n .timeline-item:nth-child(even) { right: 0; }\n .timeline-item::after { right: 10px; }\n .stats-grid { grid-template-columns: 1fr 1fr; }\n .proof-grid { grid-template-columns: 1fr; }\n .usage-steps { grid-template-columns: 1fr; }\n }\n\n \/* Loading Animation *\/\n .loading {\n opacity: 0;\n animation: fadeInUp 0.8s ease forwards;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Pulse Animation for Important Elements *\/\n .pulse {\n animation: pulse 2s infinite;\n }\n\n @keyframes pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.02); }\n 100% { transform: scale(1); }\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"product-description\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-section fade-in\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003ch1 class=\"main-title\"\u003eالعلم الكوري المتقدم يمتزج بحكمة الطبيعة\u003c\/h1\u003e\n \u003cdiv class=\"product-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_tea_tree_serum_miracle_30_days_skin_serum_1.png?v=1754408557\" alt=\"SOME BY MI Serum\"\u003e\n \u003c\/div\u003e\n \u003cp class=\"hero-text\"\u003e\u003cstrong\u003eمش مجرد منتج تاني للتجريب.\u003c\/strong\u003e ده \u003cstrong\u003eاكتشاف علمي حقيقي\u003c\/strong\u003e عمله أشطر علماء العناية بالبشرة في كوريا، واثبت نجاحه على \u003cstrong\u003eملايين المستخدمين\u003c\/strong\u003e حوالين العالم.\u003c\/p\u003e\n \u003cp class=\"hero-text\"\u003e\u003cstrong\u003eسيروم SOME BY MI بيحل المشكلة من جذورها\u003c\/strong\u003e بتقنية Bi-Phase الجديدة اللي بتجمع بين \u003cstrong\u003e3 أحماض متخصصة + السنتيلا الآسيوية الطبيعية + مستخلص الشاي الأخضر المركز.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefits Section --\u003e\n \u003cdiv class=\"benefits-section fade-in\"\u003e\n \u003ch2 class=\"benefits-title\"\u003eالفوائد العلمية المؤكدة - المكونات اللي تضمنلك النتيجة\u003c\/h2\u003e\n \u003cdiv class=\"product-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_tea_tree_serum_miracle_30_days_skin_serum_3.png?v=1754408549\" alt=\"فوائد السيروم\"\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"subtitle\" style=\"color: #9C8102; text-align: center; margin: 30px 0;\"\u003eعلاج .. تجديد .. تحفيز .. وقاية\u003c\/h3\u003e\n \n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eتقشير عميق للخلايا الميتة\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بأحماض AHA المدروسة علمياً)\u003c\/strong\u003e بيشيل طبقات الجلد الميت المتراكمة ويكشف بشرة جديدة ناعمة ومشرقة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eتنضيف عميق للمسام المسدودة\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بأحماض BHA المتخصصة)\u003c\/strong\u003e بيخش جوه المسام ويدوب الدهون والأوساخ المتراكمة ويمنع تكوين الرؤوس السودا\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eتقشير لطيف للبشرة الحساسة\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بأحماض PHA الآمنة)\u003c\/strong\u003e تقشير بنعومة فايقة مع الاحتفاظ بالرطوبة الطبيعية للبشرة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eتهدئة الالتهابات والتهيج\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بالسنتيلا الآسيوية 14.5%)\u003c\/strong\u003e بتهدي أي التهاب ناتج عن التقشير وتسرع شفاء البشرة طبيعياً\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eمحاربة البكتيريا الضارة\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بمستخلص الشاي الأخضر 10,000 ppm)\u003c\/strong\u003e بيقضي على البكتيريا اللي بتسبب الحبوب والالتهابات\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eتوحيد لون البشرة وتفتيح البقع\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بالأحماض المتخصصة + النياسيناميد)\u003c\/strong\u003e بيوحد لون البشرة ويفتح البقع الداكنة والتصبغات\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eتصغير حجم المسام الظاهرة\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بتركيبة BHA + PHA)\u003c\/strong\u003e بينضف المسام من الداخل ويشد الأنسجة حواليها فتبان أصغر\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eتحفيز تجديد الكولاجين\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بالسنتيلا الآسيوية + الأحماض)\u003c\/strong\u003e بيحفز البشرة تنتج كولاجين جديد للمرونة والشد الطبيعي\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eترطيب متوازن بدون دهنية\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بتقنية Bi-Phase الحصرية)\u003c\/strong\u003e بيرطب البشرة ويحافظ على توازن الزيوت والمياه\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eحماية من الأضرار البيئية\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بمضادات الأكسدة الطبيعية)\u003c\/strong\u003e بيحمي البشرة من التلوث والجذور الحرة اللي بتسرع الشيخوخة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eتنعيم ملمس البشرة الخشنة\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بالتركيبة الثلاثية المتكاملة)\u003c\/strong\u003e بيخلي البشرة ناعمة كالحرير ومتجانسة في الملمس\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eإضاءة طبيعية للبشرة الباهتة\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بالتقشير اللطيف + التجديد الخلوي)\u003c\/strong\u003e بيرجع الإشراق الطبيعي للبشرة ويخليها متوهجة بصحة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eتقليل ظهور التجاعيد الدقيقة\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بتحفيز تجديد الخلايا + الكولاجين)\u003c\/strong\u003e بيملأ الخطوط الدقيقة ويمنع ظهور تجاعيد جديدة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eتنظيم إفراز الدهون الزايدة\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بالنياسيناميد + الشاي الأخضر)\u003c\/strong\u003e بيظبط إفراز الدهون للبشرة الدهنية والمختلطة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefit-item\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e▼\u003c\/div\u003e\n \u003cdiv class=\"benefit-content\"\u003e\n \u003ch3\u003eتسريع شفاء آثار الحبوب\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e(بالسنتيلا + الأحماض التجديدية)\u003c\/strong\u003e بيسرع شفاء آثار الحبوب القديمة ويمنع تكوين ندبات جديدة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Ingredients Section --\u003e\n \u003cdiv class=\"ingredients-section fade-in\"\u003e\n \u003cdiv class=\"product-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/AnuaUS_1080x1346_Listing_HeartleafIntenseCalmingCream12.webp?v=1747144240\" alt=\"مكونات طبيعية\"\u003e\n \u003c\/div\u003e\n \n \u003ch2 class=\"ingredients-title\"\u003eالتركيبة العلمية الثلاثية: AHA + BHA + PHA\u003c\/h2\u003e\n \u003ch3 style=\"text-align: center; color: #333; margin-bottom: 30px;\"\u003e\u003cstrong\u003eكل حمض له شغله... والتلاتة مع بعض بيعملوا معجزة\u003c\/strong\u003e\u003c\/h3\u003e\n\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"ingredient-name\"\u003e◇ AHA (أحماض الألفا هيدروكسي)\u003c\/div\u003e\n \u003cdiv class=\"ingredient-description\"\u003e\n \u003cstrong\u003eالتركيز المدروس علمياً\u003c\/strong\u003e بيشتغل على سطح البشرة يشيل خلايا الجلد الميتة المتراكمة، ويكشف طبقة جديدة أنعم وأكتر إشراق. بيحسن ملمس البشرة ويوحد لونها بشكل تدريجي وآمن.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"ingredient-name\"\u003e◆ BHA (أحماض البيتا هيدروكسي)\u003c\/div\u003e\n \u003cdiv class=\"ingredient-description\"\u003e\n \u003cstrong\u003eالقوة المتخصصة\u003c\/strong\u003e اللي بتخش عمق المسام المسدودة وتدوب الدهون والأوساخ المتراكمة. مثالي للبشرة الدهنية والمختلطة، بيقلل حجم المسام الظاهرة ويمنع تكوين الرؤوس السودا.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"ingredient-name\"\u003e▲ PHA (أحماض البولي هيدروكسي)\u003c\/div\u003e\n \u003cdiv class=\"ingredient-description\"\u003e\n \u003cstrong\u003eاللمسة اللطيفة\u003c\/strong\u003e اللي بتقشر بنعومة فايقة، مناسبة حتى للبشرة الحساسة. بتحتفظ بالرطوبة أثناء التقشير، وبتعزز تجديد الخلايا من غير ما تعمل أي تهيج.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Centella Section --\u003e\n \u003cdiv class=\"ingredients-section fade-in\"\u003e\n \u003cdiv class=\"product-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/centella_asiatica_beauty_of_joseon_revive_serum.jpg?v=1748097213\" alt=\"السنتيلا الآسيوية\"\u003e\n \u003c\/div\u003e\n \n \u003ch2 class=\"ingredients-title\"\u003eالسنتيلا الآسيوية 14.5%: الطب العشبي الكوري الأصيل\u003c\/h2\u003e\n \u003ch3 style=\"text-align: center; color: #333; margin-bottom: 20px;\"\u003e\u003cstrong\u003eالنبتة المقدسة في العناية بالبشرة\u003c\/strong\u003e\u003c\/h3\u003e\n \n \u003cp style=\"text-align: center; line-height: 1.7; margin-bottom: 30px;\"\u003e\n السنتيلا الآسيوية مش مجرد مكون طبيعي... \u003cstrong\u003eدي صيدلية كاملة في نبتة واحدة.\u003c\/strong\u003e بتركيز استثنائي 14.5%، بتشتغل على:\n \u003c\/p\u003e\n\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eتهدية الالتهابات\u003c\/strong\u003e والتهيج الناتج عن التقشير\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eتسريع شفاء البشرة\u003c\/strong\u003e وإصلاح الأضرار الموجودة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eتقوية حاجز البشرة\u003c\/strong\u003e الطبيعي ضد العوامل الخارجية\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eتحفيز تجديد الكولاجين\u003c\/strong\u003e لبشرة أكتر مرونة وشباب\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Green Tea Section --\u003e\n \u003cdiv class=\"ingredients-section fade-in\"\u003e\n \u003ch2 class=\"ingredients-title\"\u003eمستخلص الشاي الأخضر 10,000 ppm: قوة مضادات الأكسدة\u003c\/h2\u003e\n \u003cdiv class=\"product-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/green_tea_extract.jpg?v=1754409155\" alt=\"مستخلص الشاي الأخضر\"\u003e\n \u003c\/div\u003e\n \n \u003ch3 style=\"text-align: center; color: #333; margin-bottom: 20px;\"\u003e\u003cstrong\u003eالحماية والتنقية في مكون واحد\u003c\/strong\u003e\u003c\/h3\u003e\n \n \u003cp style=\"text-align: center; line-height: 1.7; margin-bottom: 30px;\"\u003e\n \u003cstrong\u003e10,000 جزء في المليون\u003c\/strong\u003e من مستخلص الشاي الأخضر الخالص - تركيز علاجي حقيقي بيوفر:\n \u003c\/p\u003e\n\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eحماية فايقة\u003c\/strong\u003e من الجذور الحرة والأضرار البيئية\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eتنقية عميقة\u003c\/strong\u003e للمسام من البكتيريا والأوساخ\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eتنظيم إفراز الدهون\u003c\/strong\u003e للبشرة الدهنية والمختلطة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"benefit-icon\" style=\"color: #9C8102; float: right; margin-left: 15px;\"\u003e●\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eخصائص مضادة للبكتيريا\u003c\/strong\u003e تمنع ظهور الالتهابات\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Scientific Results Section --\u003e\n \u003cdiv class=\"results-section fade-in\"\u003e\n \u003ch2 class=\"results-title \"\u003eالدليل العلمي: نتائج موثقة من مختبرات دولية\u003c\/h2\u003e\n \u003ch3 style=\"margin-bottom: 30px; color: #333;\"\u003eأرقام حقيقية من اختبارات سريرية دولية:\u003c\/h3\u003e\n \n \u003cdiv class=\"stats-grid\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e73%\u003c\/div\u003e\n \u003cdiv\u003eتحسن ملمس البشرة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e67%\u003c\/div\u003e\n \u003cdiv\u003eتقليل حجم المسام\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e84%\u003c\/div\u003e\n \u003cdiv\u003eتوازن الزيوت والرطوبة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e91%\u003c\/div\u003e\n \u003cdiv\u003eتهدئة التهابات البشرة\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cp style=\"margin-top: 30px; font-size: 1.1em;\"\u003e\u003cstrong\u003eدي مش مجرد ادعاءات تسويقية... دي نتائج مختبرات معتمدة دولياً.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Timeline Section --\u003e\n \u003cdiv class=\"timeline-section fade-in\"\u003e\n \u003ch2 class=\"timeline-title\"\u003eرحلة الـ30 يوم: التحول المدروس علمياً\u003c\/h2\u003e\n \u003cdiv class=\"timeline\"\u003e\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3\u003eالأسبوع الأول - التحضير والتأقلم\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eالبشرة بتتأقلم تدريجياً مع التركيبة النشطة\u003c\/li\u003e\n \u003cli\u003eبداية تنضيف عميق للمسام وإزالة الأوساخ\u003c\/li\u003e\n \u003cli\u003eتحسن واضح في نعومة البشرة ونضافتها\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3\u003eالأسبوع التاني - بداية التجديد\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eتسارع عملية تجديد الخلايا وشيل الطبقات الميتة\u003c\/li\u003e\n \u003cli\u003eتحسن واضح في ملمس البشرة وتوحيد لونها\u003c\/li\u003e\n \u003cli\u003eتقليل تدريجي في حجم المسام الظاهرة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3\u003eالأسبوع التالت - التحول الواضح\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eنتائج واضحة في نضافة البشرة وإشراقها\u003c\/li\u003e\n \u003cli\u003eتوازن مثالي بين الزيوت والرطوبة\u003c\/li\u003e\n \u003cli\u003eبشرة أكتر مرونة وحيوية\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch3\u003eالأسبوع الرابع - اكتمال المعجزة\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eتحول كامل في جودة البشرة وملمسها\u003c\/li\u003e\n \u003cli\u003eمسام أصغر حجماً وأقل وضوح\u003c\/li\u003e\n \u003cli\u003eبشرة صحية متوهجة بنضارة طبيعية\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Social Proof Section --\u003e\n \u003cdiv class=\"social-proof fade-in\"\u003e\n \u003ch2 class=\"social-proof-title\"\u003eمنتج موثوق من ملايين المستخدمين حول العالم\u003c\/h2\u003e\n \n \u003cdiv class=\"proof-grid\"\u003e\n \u003cdiv class=\"proof-item\"\u003e\n \u003cdiv class=\"proof-icon\"\u003e★\u003c\/div\u003e\n \u003ch3 style=\"color: #9C8102; margin-bottom: 15px;\"\u003eملايين الوحدات المباعة عالمياً\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eمن كوريا لأوروبا وأمريكا، سيروم SOME BY MI بقى الاختيار الأول لكل اللي بيدوروا على تجديد حقيقي للبشرة.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"proof-item\"\u003e\n \u003cdiv class=\"proof-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 style=\"color: #9C8102; margin-bottom: 15px;\"\u003eحاصل على عدة جوائز عالمية\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eجوائز من أهم مجلات الجمال والعناية بالبشرة، واعتراف من خبراء التجميل حوالين العالم.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"proof-item\"\u003e\n \u003cdiv class=\"proof-icon\"\u003e▲\u003c\/div\u003e\n \u003ch3 style=\"color: #9C8102; margin-bottom: 15px;\"\u003eنسبة رضا تتعدى 92%\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eإحصائيات حقيقية من آلاف المراجعات المؤكدة - نسبة رضا استثنائية تأكد فعالية المنتج.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Value Section --\u003e\n \u003cdiv class=\"ingredients-section fade-in\"\u003e\n \u003ch2 class=\"ingredients-title\"\u003eقيمة مقابل سعر جيدة\u003c\/h2\u003e\n \n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"ingredient-name\"\u003e◆ مكونات عالية القيمة\u003c\/div\u003e\n \u003cdiv class=\"ingredient-description\"\u003e\n \u003cstrong\u003e3 أنواع من أحماض الهيدروكسي المتخصصة + خلاصة السنتيلا بتركيز 14.5% + مركز عالي من مستخلص الشاي الأخضر\u003c\/strong\u003e - تركيبة تضاهي أغلى العلاجات في العيادات المتخصصة.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"ingredient-name\"\u003e▲ حجم كبير - قيمة أكبر\u003c\/div\u003e\n \u003cdiv class=\"ingredient-description\"\u003e\n \u003cstrong\u003e50 مل من التركيز الفايق\u003c\/strong\u003e يكفي لعدة شهور من الاستخدام المنتظم. حجم سخي يضمن استمرارية العلاج من غير انقطاع.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"ingredient-name\"\u003e● كمية صغيرة تكفي\u003c\/div\u003e\n \u003cdiv class=\"ingredient-description\"\u003e\n \u003cstrong\u003e3 قطرات بس كافية لتغطية الوجه كله\u003c\/strong\u003e - تركيز عالي يعني استخدام اقتصادي وفعالية قصوى.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-card\"\u003e\n \u003cdiv class=\"ingredient-name\"\u003e✓ نتائج مضمونة\u003c\/div\u003e\n \u003cdiv class=\"ingredient-description\"\u003e\n \u003cstrong\u003eده مش منتج للتجريب... دي نتائج مضمونة وموثقة على ملايين المستخدمين\u003c\/strong\u003e حوالين العالم. استثمار واثق في جمال بشرتك.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Usage Guide Section --\u003e\n \u003cdiv class=\"usage-guide fade-in\"\u003e\n \u003ch2 class=\"usage-title\"\u003eدليل الاستخدام العلمي الدقيق\u003c\/h2\u003e\n \u003cdiv class=\"product-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_aha_bha_pha_tea_tree_serum_miracle_30_days_skin_serum_2.png?v=1754408553\" alt=\"طريقة الاستخدام\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"usage-steps\"\u003e\n \u003cdiv class=\"step-card\"\u003e\n \u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"step-title\"\u003eالتحضير الصح\u003c\/div\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eنضف البشرة كويس\u003c\/strong\u003e بغسول مناسب وسيبها تنشف خالص\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eرج الإزازة كويس\u003c\/strong\u003e عشان تضمن خلط الطبقتين بشكل مثالي\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eابدأ بالتدريج\u003c\/strong\u003e - استخدم المنتج 2-3 مرات في الأسبوع في البداية\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step-card\"\u003e\n \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"step-title\"\u003eالتطبيق الأمثل\u003c\/div\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eحط 3-4 قطرات\u003c\/strong\u003e على أطراف الصوابع\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eطبق بلطف\u003c\/strong\u003e على الوجه وتجنب منطقة العين\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eدلك بحركات دايرية\u003c\/strong\u003e للتوزيع المتجانس\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eاتبعه بمرطب مناسب\u003c\/strong\u003e للحماية الإضافية\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step-card\"\u003e\n \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"step-title\"\u003eالتوقيت المثالي\u003c\/div\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eالأفضل بالليل\u003c\/strong\u003e بعد التنضيف وقبل المرطب\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eابدأ 3 مرات في الأسبوع\u003c\/strong\u003e بعدين زود التكرار تدريجياً\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eاستخدم واقي شمس\u003c\/strong\u003e في النهار لحماية البشرة المتجددة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Safety Section --\u003e\n \u003cdiv class=\"ingredients-section fade-in\"\u003e\n \u003ch2 class=\"ingredients-title\"\u003eتحذيرات الاستخدام الآمن\u003c\/h2\u003e\n \n \u003cdiv class=\"ingredient-card\" style=\"border-right-color: #dc3545;\"\u003e\n \u003cdiv class=\"ingredient-name\" style=\"color: #dc3545;\"\u003e! إرشادات مهمة\u003c\/div\u003e\n \u003cdiv class=\"ingredient-description\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eللاستخدام الخارجي بس\u003c\/strong\u003e - تجنب ملامسة العينين\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eاختبر الحساسية الأول\u003c\/strong\u003e على منطقة صغيرة من الجلد\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eاحفظه بعيد عن الشمس\u003c\/strong\u003e المباشرة\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-card\" style=\"border-right-color: #28a745;\"\u003e\n \u003cdiv class=\"ingredient-name\" style=\"color: #28a745;\"\u003e✓ نصايح للنجاح\u003c\/div\u003e\n \u003cdiv class=\"ingredient-description\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eاصبر على النتيجة\u003c\/strong\u003e - التجديد الحقيقي محتاج وقت\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eحافظ على الانتظام\u003c\/strong\u003e في الاستخدام\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eاستخدم واقي شمس\u003c\/strong\u003e دايماً لما تتعرض للشمس\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Investment Section --\u003e\n \u003cdiv class=\"results-section fade-in\"\u003e\n \u003ch2 class=\"results-title\"\u003eالاستثمار في علم البشرة المتقدم\u003c\/h2\u003e\n \u003cdiv class=\"product-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_miracle_serun.jpg?v=1754409432\" alt=\"استثمار في الجمال\"\u003e\n \u003c\/div\u003e\n \n \u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px;\"\u003e\n \u003cstrong\u003eسيروم SOME BY MI مش مجرد منتج تجميل... ده قطعة من تكنولوجيا العناية بالبشرة الكورية المتقدمة.\u003c\/strong\u003e\n \u003c\/p\u003e\n \n \u003cp style=\"font-size: 1.1em; line-height: 1.7; margin-bottom: 20px;\"\u003e\n \u003cstrong\u003eتركيبة سريرية معقدة، أبحاث سنين، واختبارات دولية صارمة\u003c\/strong\u003e - كل ده في إزازة واحدة تحقق تحول حقيقي في بشرتك.\n \u003c\/p\u003e\n \n \u003cp style=\"font-size: 1.2em; font-weight: bold;\"\u003e\n \u003cstrong\u003eاستثمر في العلم... واحصد جمال البشرة المثالية.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Ingredients List Section --\u003e\n \u003cdiv class=\"ingredients-list fade-in\"\u003e\n \u003ch3 class=\"ingredients-list-title\"\u003eقائمة المكونات الكاملة:\u003c\/h3\u003e\n \u003cp class=\"ingredients-text\"\u003e\n Water, Centella Asiatica Extract, Cetyl Ethylhexanoate, Caprylic\/Capric Triglyceride, Glycerin, Olea Europaea Fruit Oil, Propanediol, Alcohol, Butylene Glycol, 1,2-Hexanediol, Niacinamide, Melaleuca Alternifolia Leaf Water, Camellia Sinensis Leaf Extract, Scutellaria Baicalensis Root Extract, Polygonum Cuspidatum Root Extract, Glycyrrhiza Glabra Root Extract, Chamomilla Recutita Flower Extract, Rosmarinus Officinalis Leaf Extract, Sodium Lactate, Sodium PCA, Citric Acid, Lactic Acid, Malic Acid, Glycolic Acid, Pyruvic Acid, Tartaric Acid, Gaultheria Procumbens Leaf Extract, Lactobionic Acid, والمزيد من المكونات النشطة المتخصصة.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Final CTA Section --\u003e\n \u003cdiv class=\"final-cta fade-in pulse\"\u003e\n \u003ch2 class=\"cta-title\"\u003eخلاص كفاية تجريب عشوائي... ابدأ العلاج الحقيقي النهارده\u003c\/h2\u003e\n \u003cp class=\"cta-text\"\u003e\n \u003cstrong\u003eسيروم SOME BY MI - العلم الكوري المتقدم في خدمة جمالك\u003c\/strong\u003e\u003cbr\u003e\n تحول حقيقي، نتائج مضمونة، ثقة ملايين المستخدمين حوالين العالم\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cscript\u003e\n \/\/ Intersection Observer for fade-in animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver(function(entries) {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n \/\/ Observe all fade-in elements\n document.addEventListener('DOMContentLoaded', function() {\n const fadeElements = document.querySelectorAll('.fade-in');\n fadeElements.forEach(el =\u003e {\n observer.observe(el);\n });\n\n \/\/ Add loading animation to all elements\n const allElements = document.querySelectorAll('.product-description \u003e *');\n allElements.forEach((el, index) =\u003e {\n el.classList.add('loading');\n el.style.animationDelay = `${index * 0.1}s`;\n });\n\n \/\/ Hover effects for benefit items\n const benefitItems = document.querySelectorAll('.benefit-item');\n benefitItems.forEach(item =\u003e {\n item.addEventListener('mouseenter', function() {\n this.style.transform = 'translateX(-10px) scale(1.02)';\n });\n \n item.addEventListener('mouseleave', function() {\n this.style.transform = 'translateX(-5px) scale(1)';\n });\n });\n\n \/\/ Enhanced hover effects for cards\n const cards = document.querySelectorAll('.ingredient-card, .step-card, .stat-item, .proof-item');\n cards.forEach(card =\u003e {\n card.addEventListener('mouseenter', function() {\n this.style.transition = 'all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n });\n });\n\n \/\/ Smooth scroll reveal for timeline\n const timelineItems = document.querySelectorAll('.timeline-item');\n const timelineObserver = new IntersectionObserver(function(entries) {\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 }, { threshold: 0.2 });\n\n timelineItems.forEach(item =\u003e {\n item.style.opacity = '0';\n item.style.transform = 'translateY(30px)';\n item.style.transition = 'all 0.6s ease';\n timelineObserver.observe(item);\n });\n\n \/\/ Counter animation for stats\n const statNumbers = document.querySelectorAll('.stat-number');\n const statsObserver = new IntersectionObserver(function(entries) {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const target = parseInt(entry.target.textContent);\n let current = 0;\n const increment = target \/ 50;\n const timer = setInterval(() =\u003e {\n current += increment;\n if (current \u003e= target) {\n entry.target.textContent = target + '%';\n clearInterval(timer);\n } else {\n entry.target.textContent = Math.floor(current) + '%';\n }\n }, 30);\n }\n });\n }, { threshold: 0.5 });\n\n statNumbers.forEach(stat =\u003e {\n statsObserver.observe(stat);\n });\n\n \/\/ Parallax effect for hero section\n window.addEventListener('scroll', function() {\n const scrolled = window.pageYOffset;\n const heroSection = document.querySelector('.hero-section');\n if (heroSection) {\n const rate = scrolled * -0.5;\n heroSection.style.transform = `translateY(${rate}px)`;\n }\n });\n\n \/\/ Enhanced product image hover effects\n const productImages = document.querySelectorAll('.product-image img');\n productImages.forEach(img =\u003e {\n img.addEventListener('mouseenter', function() {\n this.style.transform = 'scale(1.05) rotate(1deg)';\n this.style.transition = 'all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n });\n \n img.addEventListener('mouseleave', function() {\n this.style.transform = 'scale(1) rotate(0deg)';\n });\n });\n });\n\n \/\/ Add subtle animations to step numbers\n document.addEventListener('DOMContentLoaded', function() {\n const stepNumbers = document.querySelectorAll('.step-number');\n stepNumbers.forEach(step =\u003e {\n step.addEventListener('mouseenter', function() {\n this.style.transform = 'scale(1.2) rotate(360deg)';\n this.style.transition = 'all 0.5s ease';\n });\n \n step.addEventListener('mouseleave', function() {\n this.style.transform = 'scale(1) rotate(0deg)';\n });\n });\n });\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999418044590,"sku":null,"price":21.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some_by_mi_miracle_30_days_aha_bha_pha_tea_tree_centella_serum_2.jpg?v=1788175272"},{"product_id":"derma-ten-alpha-arbutin-brightening-serum","title":"DERMA TEN Alpha Arbutin Brightening Power Serum","description":"\u003cstyle\u003e#dx{--bg:#0c0609;--bg2:#1c0d14;--c:#ff8fa3;--c2:#ffd0d8;--glass:rgba(255,255,255,.05);--bd:#ff8fa355;--txt:#fff;--mut:#e3e3e3;position:relative;border-radius:28px;background:var(--bg);color:var(--txt);font-family:'Tajawal','Cairo',sans-serif;line-height:1.85;overflow:hidden;direction:rtl;text-align:start;font-size:17px}#dx *{box-sizing:border-box}#dx .sec{padding:56px 0}#dx .sec.a{background:var(--bg)}#dx .sec.b{background:linear-gradient(180deg,var(--bg2),var(--bg));border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}#dx .wrap{max-width:900px;margin:auto;padding:0 22px}#dx .c{text-align:center}#dx .badge{display:inline-block;padding:7px 22px;border-radius:30px;border:1px solid var(--c2);color:var(--c2);font-weight:700;font-size:14px;margin-bottom:20px;background:#ff8fa31a}#dx h1{font-size:clamp(27px,5vw,41px);line-height:1.4;font-weight:900;margin:0 0 18px}#dx .hl{color:var(--c);font-weight:900}#dx h2{font-size:clamp(22px,4vw,30px);line-height:1.5;font-weight:900;margin:0 0 14px;display:flex;align-items:center;gap:14px}#dx h2:before{content:\"\";flex:0 0 6px;height:30px;background:var(--c);border-radius:4px}#dx h2.cc{justify-content:center;text-align:center}#dx h2.cc:before{display:none}#dx h3{font-size:19px;margin:0 0 6px;font-weight:900;color:var(--c)}#dx p{margin:0 0 12px;color:var(--mut)}#dx .lead{max-width:740px;margin:0 auto 24px;font-size:18px}#dx .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 28px}#dx .chips span{border:1px solid var(--bd);background:var(--glass);padding:6px 16px;border-radius:30px;font-size:14px}#dx .hero{background:radial-gradient(circle at 50% 0,#ff8fa333,transparent 62%),var(--bg);padding-top:58px;text-align:center}#dx .pimg{display:block;width:100%;max-width:340px;height:auto;margin:0 auto;border-radius:22px;border:1px solid var(--bd);box-shadow:0 0 70px #ff8fa344}#dx .pimg.sq{max-width:420px}#dx .big3{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin:10px 0}#dx .big3 div{padding:22px 12px;border:1.5px solid var(--c);border-radius:18px;background:#ff8fa314;text-align:center}#dx .big3 b{display:block;font-size:42px;line-height:1.1;color:var(--c2);font-weight:900}#dx .big3 span{color:#fff;font-weight:700;font-size:15px}#dx .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}#dx .card{background:linear-gradient(145deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}#dx .card p{margin:0;font-size:16px;color:#fff}#dx .glass{background:var(--glass);border:1px solid var(--bd);border-radius:22px;padding:30px 22px}#dx .fm{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:20px 0}#dx .fm div{padding:18px;border-radius:16px;background:linear-gradient(90deg,#ff8fa31f,transparent);border:1px solid var(--bd);border-inline-start:4px solid var(--c)}#dx .fm p{margin:0;font-size:15.5px;color:#fff}#dx .tl{border-inline-start:2px solid var(--c);padding-inline-start:20px;margin:16px 0 0}#dx .tl div{margin-bottom:14px;color:var(--mut)}#dx .tl b{display:block;color:#fff;font-size:18px}#dx ul.ck{list-style:none;padding:0;margin:10px 0}#dx ul.ck li{padding:6px 0;padding-inline-start:30px;position:relative;color:#fff}#dx ul.ck li:before{content:\"\";position:absolute;inset-inline-start:0;top:17px;width:14px;height:3px;border-radius:2px;background:var(--c)}#dx .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:22px}#dx .steps div{background:var(--glass);border:1.5px dashed var(--bd);border-radius:18px;padding:20px 14px;text-align:center}#dx .steps b{display:flex;margin:0 auto 10px;width:44px;height:44px;border-radius:50%;border:2px solid var(--c);align-items:center;justify-content:center;font-size:19px;color:var(--c2)}#dx .steps p{margin:0;font-size:15px;color:#fff}#dx .warn{border:1px solid var(--c);background:linear-gradient(135deg,#ff8fa31f,transparent);border-radius:20px;padding:26px}#dx details{background:var(--glass);border:1px solid var(--bd);border-radius:12px;padding:15px 20px;margin-bottom:10px}#dx summary{cursor:pointer;font-weight:800}#dx details[open] summary{color:var(--c)}#dx details p{margin:10px 0 0}#dx .wk{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:18px 0 6px}#dx .wk div{padding:12px 4px;border:1px solid var(--bd);border-radius:12px;text-align:center;font-size:14px;color:var(--mut)}#dx .wk div.on{background:var(--c);color:#000;font-weight:900;border-color:var(--c)}#dx .two{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:16px}#dx .two div{padding:20px;border-radius:16px;background:var(--glass);border:1px solid var(--bd)}#dx .two h4{margin:0 0 6px;color:var(--c2);font-size:18px}#dx .two p{margin:0;font-size:15.5px;color:#fff}#dx .lay{margin:18px 0 6px}#dx .lay div{padding:13px 18px;margin-bottom:8px;border-radius:12px;border:1px solid var(--bd);background:#ff8fa31a;font-weight:700;color:#fff}#dx .lay div:nth-child(2){margin-inline-start:18px;background:#ff8fa32e}#dx .lay div:nth-child(3){margin-inline-start:36px;background:#ff8fa344}#dx .cta{border:2px solid var(--c);border-radius:26px;padding:42px 20px;text-align:center;background:radial-gradient(circle at 50% 0,#ff8fa344,transparent 70%),linear-gradient(180deg,var(--bg2),var(--bg))}#dx .cta h2{justify-content:center;text-align:center}#dx .cta h2:before{display:none}#dx .tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}#dx .tags span{border:1.5px solid var(--c);background:#ff8fa31a;color:#fff;padding:9px 20px;border-radius:40px;font-weight:800;font-size:15px}#dx .inci{direction:ltr;text-align:left;font-size:13px;line-height:1.8;color:#ddd;background:rgba(0,0,0,.55);border:1px dashed var(--bd);border-radius:14px;padding:20px;margin-top:26px}#dx .inci b{color:var(--c)}#dx .k{color:var(--c2);font-weight:800;background:linear-gradient(transparent 62%,#ff8fa355 62%);padding:0 3px;border-radius:3px}@media(max-width:768px){#dx .sec{padding:38px 0}#dx .wrap{padding:0 14px}#dx .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#dx .card{padding:14px 10px}#dx .big3 b{font-size:34px}#dx .steps{grid-template-columns:repeat(2,minmax(0,1fr))}#dx .wk div{font-size:12px;padding:10px 2px}#dx .glass{padding:22px 14px}}\u003c\/style\u003e\u003cdiv id=\"dx\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"badge\"\u003eسيروم توحيد اللون | 30 مل\u003c\/div\u003e\n\u003ch1\u003eتصبغات وبقع شمس؟ \u003cspan class=\"hl\"\u003eألفا أربيوتين 2%\u003c\/span\u003e مع ترانكساميك وفيروليك وهيالورونيك\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eسيروم 30 مل بألفا أربيوتين 2% مع حمض الترانكساميك وحمض الفيروليك وحمض الهيالورونيك. معمول لدعم مظهر التصبغات وبقع الشمس وآثار الحبوب البنية وتوحيد لون البشرة مع الاستمرار.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eألفا أربيوتين 2%\u003c\/span\u003e\u003cspan\u003eترانكساميك\u003c\/span\u003e\u003cspan\u003eفيروليك\u003c\/span\u003e\u003cspan\u003eهيالورونيك 1%\u003c\/span\u003e\u003cspan\u003e30 مل\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cimg class=\"pimg\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/derma_ten_alpha_arbutin_aaa43b1b-cd33-47da-83ac-9e9d36e57b4c.jpg?v=1788175269\" alt=\"سيروم ألفا أربيوتين 2% لتوحيد لون البشرة\" width=\"2004\" height=\"2560\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eأرقام مكتوبة على العبوة\u003c\/h2\u003e\n\u003cdiv class=\"big3\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e2%\u003c\/b\u003e\u003cspan\u003eألفا أربيوتين\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e1%\u003c\/b\u003e\u003cspan\u003eهيالورونيك\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e30\u003c\/b\u003e\u003cspan\u003eمل\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"glass\"\u003e\n\u003ch2 class=\"cc\"\u003eاللون غير الموحد بيتعب أكتر من المشكلة نفسها\u003c\/h2\u003e\n\u003cp class=\"c\"\u003eبقعة شمس، أثر حبّة بنّي، أو لون مش متساوي. السيروم ده مبني حوالين مكوّنين معروفين في دعم مظهر التصبغات.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eتصبغات\u003c\/h3\u003e\n\u003cp\u003eألفا أربيوتين بيُستخدم لتفتيح مظهر التصبغات.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eبقع الشمس\u003c\/h3\u003e\n\u003cp\u003eمع واقي الشمس يوميًا عشان البقع ماترجعش.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eآثار حبوب بنية\u003c\/h3\u003e\n\u003cp\u003eالترانكساميك بيدعم مظهر البقع الداكنة بعد الحبوب.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eإيه اللي جوه السيروم؟\u003c\/h2\u003e\n\u003cdiv class=\"fm\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eألفا أربيوتين 2%\u003c\/h3\u003e\n\u003cp\u003eمكون بيُستخدم لتفتيح مظهر التصبغات وتوحيد اللون.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eحمض الترانكساميك\u003c\/h3\u003e\n\u003cp\u003eبيدعم تحسين مظهر البقع الداكنة وآثار الحبوب.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eحمض الفيروليك\u003c\/h3\u003e\n\u003cp\u003eمضاد أكسدة بيحمي التركيبة ويدعم فعالية باقي المكونات.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eحمض الهيالورونيك 1%\u003c\/h3\u003e\n\u003cp\u003eبيرطب البشرة ويمنع جفافها مع المكونات النشطة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eبانثينول (B5)\u003c\/h3\u003e\n\u003cp\u003eمهدئ ومرطب.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eمستخلص الفانيليا\u003c\/h3\u003e\n\u003cp\u003eمكون عطري نباتي في التركيبة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eمكانه في يومك\u003c\/h2\u003e\n\u003cdiv class=\"two\"\u003e\n\u003cdiv\u003e\n\u003ch4\u003eالصبح\u003c\/h4\u003e\n\u003cp\u003eنضّف، السيروم، مرطب، وواقي شمس كل يوم.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eبالليل\u003c\/h4\u003e\n\u003cp\u003eنضّف، السيروم، مرطب. لو بشرتك لسه بتتعود، ابدأ مرة يوميًا.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eهتشوف إيه وإمتى؟ بصراحة\u003c\/h2\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eأول كام أسبوع\u003c\/b\u003eالسيروم خفيف وبيتحط تحت المرطب، والتصبغات بتحتاج استمرار.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eمع الانتظام\u003c\/b\u003eممكن يبان لون أكثر توحيدًا مع واقي الشمس، والنتيجة بتختلف من بشرة لبشرة.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"margin-top:22px\"\u003eممكن يناسبك لو\u003c\/h3\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eاللي عندها تصبغات أو بقع شمس أو آثار حبوب بنية.\u003c\/li\u003e\n\u003cli\u003eاللي عايزة لون بشرة أكثر توحيداً.\u003c\/li\u003e\n\u003cli\u003eاللي بتدور على سيروم خفيف يتحط تحت المرطب.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eطريقة الاستخدام.. بسيطة\u003c\/h2\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003cp\u003eنضّف وشك وجففه.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003cp\u003eحط 2 إلى 3 قطرات على الوش والرقبة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003cp\u003eاتركه يمتص دقيقة، وبعدها مرطب.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003cp\u003eنهاراً، اختم بواقي شمس SPF 30 أو أعلى.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e5\u003c\/b\u003e\u003cp\u003eابدأ بمرة يومياً بالليل، وزوّد لو بشرتك اتحملت.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003eاقرا ده قبل أول استخدام\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eالتفتيح محتاج استمرار لأسابيع، وواقي الشمس ضروري عشان ماترجعش التصبغات. استخدم واقي شمس كل يوم، خصوصاً مع المنتجات اللي بتحسّس البشرة للشمس.\u003c\/li\u003e\n\u003cli\u003eجرّب المنتج على مساحة صغيرة من الجلد الأول وانتظر 24 ساعة قبل الاستخدام الكامل.\u003c\/li\u003e\n\u003cli\u003eلو حصل احمرار شديد أو حرقان مستمر، وقّف الاستخدام.\u003c\/li\u003e\n\u003cli\u003eلو حامل أو مرضعة، اسأل دكتورك قبل الاستخدام.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eأسئلة قبل الطلب\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003eأقدر أستخدمه بالنهار؟\u003c\/summary\u003e\u003cp\u003eأيوه، بشرط واقي الشمس بعده. وإن كان بشرتك حساسة ابدأ بالليل.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eأستخدمه مع فيتامين سي؟\u003c\/summary\u003e\u003cp\u003eممكن، لكن ابدأ بواحد وشوف تحمل بشرتك. فيتامين سي صباحاً وهو ليلاً حل بسيط.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eإمتى هلاحظ فرق؟\u003c\/summary\u003e\u003cp\u003eالتصبغات بتحتاج انتظام لأسابيع، والنتايج بتختلف من شخص لشخص.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\" style=\"padding-top:10px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta\"\u003e\n\u003ch2\u003eابدأ بتوحيد لونك بخطوة بسيطة\u003c\/h2\u003e\n\u003cp style=\"max-width:680px;margin:10px auto 0;font-size:18px;color:#fff\"\u003eاضغط \u003cspan class=\"k\"\u003eأضف إلى السلة\u003c\/span\u003e وابدأ بالتدريج. النتائج بتختلف من شخص لشخص حسب نوع البشرة وانتظام الاستخدام.\u003c\/p\u003e\n\u003cdiv class=\"tags\"\u003e\n\u003cspan\u003eألفا أربيوتين 2%\u003c\/span\u003e\u003cspan\u003eترانكساميك\u003c\/span\u003e\u003cspan\u003eفيروليك\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eINCI:\u003c\/b\u003e Aqua, Alpha Arbutin, Hyaluronic Acid, Ferulic Acid, Panthenol, Tranexamic Acid, Vanilla Planifolia Extract, Diazolidinyl Urea, Propylene Glycol, Iodopropynyl Butyl Carbamate\u003c\/div\u003e\n\u003cp class=\"c\" style=\"margin-top:18px;font-size:14px\"\u003eلو عندك حالة جلدية أو حساسية، استشر دكتور جلدية قبل الاستخدام.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"DERMA TEN","offers":[{"title":"30ml","offer_id":46999418732718,"sku":"DERMA_TEN_ALPHA_ARBUTIN_BRIGHTENING_SERUM_30ML","price":35.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/derma_ten_alpha_arbutin_aaa43b1b-cd33-47da-83ac-9e9d36e57b4c.jpg?v=1788175269"},{"product_id":"derma-ten-centella-soothing-serum","title":"DERMA TEN Centella Soothing Power Serum","description":"\u003cstyle\u003e#dx{--bg:#050a07;--bg2:#0d1a12;--c:#6fcf97;--c2:#c3f0d5;--glass:rgba(255,255,255,.05);--bd:#6fcf9755;--txt:#fff;--mut:#e3e3e3;position:relative;border-radius:28px;background:var(--bg);color:var(--txt);font-family:'Tajawal','Cairo',sans-serif;line-height:1.85;overflow:hidden;direction:rtl;text-align:start;font-size:17px}#dx *{box-sizing:border-box}#dx .sec{padding:56px 0}#dx .sec.a{background:var(--bg)}#dx .sec.b{background:linear-gradient(180deg,var(--bg2),var(--bg));border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}#dx .wrap{max-width:900px;margin:auto;padding:0 22px}#dx .c{text-align:center}#dx .badge{display:inline-block;padding:7px 22px;border-radius:30px;border:1px solid var(--c2);color:var(--c2);font-weight:700;font-size:14px;margin-bottom:20px;background:#6fcf971a}#dx h1{font-size:clamp(27px,5vw,41px);line-height:1.4;font-weight:900;margin:0 0 18px}#dx .hl{color:var(--c);font-weight:900}#dx h2{font-size:clamp(22px,4vw,30px);line-height:1.5;font-weight:900;margin:0 0 14px;display:flex;align-items:center;gap:14px}#dx h2:before{content:\"\";flex:0 0 6px;height:30px;background:var(--c);border-radius:4px}#dx h2.cc{justify-content:center;text-align:center}#dx h2.cc:before{display:none}#dx h3{font-size:19px;margin:0 0 6px;font-weight:900;color:var(--c)}#dx p{margin:0 0 12px;color:var(--mut)}#dx .lead{max-width:740px;margin:0 auto 24px;font-size:18px}#dx .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 28px}#dx .chips span{border:1px solid var(--bd);background:var(--glass);padding:6px 16px;border-radius:30px;font-size:14px}#dx .hero{background:radial-gradient(circle at 50% 0,#6fcf9733,transparent 62%),var(--bg);padding-top:58px;text-align:center}#dx .pimg{display:block;width:100%;max-width:340px;height:auto;margin:0 auto;border-radius:22px;border:1px solid var(--bd);box-shadow:0 0 70px #6fcf9744}#dx .pimg.sq{max-width:420px}#dx .big3{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin:10px 0}#dx .big3 div{padding:22px 12px;border:1.5px solid var(--c);border-radius:18px;background:#6fcf9714;text-align:center}#dx .big3 b{display:block;font-size:42px;line-height:1.1;color:var(--c2);font-weight:900}#dx .big3 span{color:#fff;font-weight:700;font-size:15px}#dx .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}#dx .card{background:linear-gradient(145deg,var(--bg2),var(--bg));border:1px solid var(--bd);border-radius:18px;padding:22px 18px}#dx .card p{margin:0;font-size:16px;color:#fff}#dx .glass{background:var(--glass);border:1px solid var(--bd);border-radius:22px;padding:30px 22px}#dx .fm{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:20px 0}#dx .fm div{padding:18px;border-radius:16px;background:linear-gradient(90deg,#6fcf971f,transparent);border:1px solid var(--bd);border-inline-start:4px solid var(--c)}#dx .fm p{margin:0;font-size:15.5px;color:#fff}#dx .tl{border-inline-start:2px solid var(--c);padding-inline-start:20px;margin:16px 0 0}#dx .tl div{margin-bottom:14px;color:var(--mut)}#dx .tl b{display:block;color:#fff;font-size:18px}#dx ul.ck{list-style:none;padding:0;margin:10px 0}#dx ul.ck li{padding:6px 0;padding-inline-start:30px;position:relative;color:#fff}#dx ul.ck li:before{content:\"\";position:absolute;inset-inline-start:0;top:17px;width:14px;height:3px;border-radius:2px;background:var(--c)}#dx .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:22px}#dx .steps div{background:var(--glass);border:1.5px dashed var(--bd);border-radius:18px;padding:20px 14px;text-align:center}#dx .steps b{display:flex;margin:0 auto 10px;width:44px;height:44px;border-radius:50%;border:2px solid var(--c);align-items:center;justify-content:center;font-size:19px;color:var(--c2)}#dx .steps p{margin:0;font-size:15px;color:#fff}#dx .warn{border:1px solid var(--c);background:linear-gradient(135deg,#6fcf971f,transparent);border-radius:20px;padding:26px}#dx details{background:var(--glass);border:1px solid var(--bd);border-radius:12px;padding:15px 20px;margin-bottom:10px}#dx summary{cursor:pointer;font-weight:800}#dx details[open] summary{color:var(--c)}#dx details p{margin:10px 0 0}#dx .wk{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:18px 0 6px}#dx .wk div{padding:12px 4px;border:1px solid var(--bd);border-radius:12px;text-align:center;font-size:14px;color:var(--mut)}#dx .wk div.on{background:var(--c);color:#000;font-weight:900;border-color:var(--c)}#dx .two{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:16px}#dx .two div{padding:20px;border-radius:16px;background:var(--glass);border:1px solid var(--bd)}#dx .two h4{margin:0 0 6px;color:var(--c2);font-size:18px}#dx .two p{margin:0;font-size:15.5px;color:#fff}#dx .lay{margin:18px 0 6px}#dx .lay div{padding:13px 18px;margin-bottom:8px;border-radius:12px;border:1px solid var(--bd);background:#6fcf971a;font-weight:700;color:#fff}#dx .lay div:nth-child(2){margin-inline-start:18px;background:#6fcf972e}#dx .lay div:nth-child(3){margin-inline-start:36px;background:#6fcf9744}#dx .cta{border:2px solid var(--c);border-radius:26px;padding:42px 20px;text-align:center;background:radial-gradient(circle at 50% 0,#6fcf9744,transparent 70%),linear-gradient(180deg,var(--bg2),var(--bg))}#dx .cta h2{justify-content:center;text-align:center}#dx .cta h2:before{display:none}#dx .tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}#dx .tags span{border:1.5px solid var(--c);background:#6fcf971a;color:#fff;padding:9px 20px;border-radius:40px;font-weight:800;font-size:15px}#dx .inci{direction:ltr;text-align:left;font-size:13px;line-height:1.8;color:#ddd;background:rgba(0,0,0,.55);border:1px dashed var(--bd);border-radius:14px;padding:20px;margin-top:26px}#dx .inci b{color:var(--c)}#dx .k{color:var(--c2);font-weight:800;background:linear-gradient(transparent 62%,#6fcf9755 62%);padding:0 3px;border-radius:3px}@media(max-width:768px){#dx .sec{padding:38px 0}#dx .wrap{padding:0 14px}#dx .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#dx .card{padding:14px 10px}#dx .big3 b{font-size:34px}#dx .steps{grid-template-columns:repeat(2,minmax(0,1fr))}#dx .wk div{font-size:12px;padding:10px 2px}#dx .glass{padding:22px 14px}}\u003c\/style\u003e\u003cdiv id=\"dx\"\u003e\n\u003cdiv class=\"sec hero\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"badge\"\u003eسيروم تهدئة | سنتيلا + سيراميد\u003c\/div\u003e\n\u003ch1\u003eبشرتك بتحمر وتتعب بسهولة؟ \u003cspan class=\"hl\"\u003eسنتيلا 5% وثلاث أنواع سيراميد\u003c\/span\u003e لتهدئة وحماية الحاجز\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eسيروم 30 مل بسنتيلا آسياتيكا 5% وثلاثة أنواع من السيراميد مع الهيالورونيك والبانثينول والألانتوين والبيسابولول. معمول لتهدئة البشرة المتهيجة ودعم حاجزها الطبيعي.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eسنتيلا 5%\u003c\/span\u003e\u003cspan\u003eسيراميد NP\/AP\/EOP\u003c\/span\u003e\u003cspan\u003eهيالورونيك\u003c\/span\u003e\u003cspan\u003eبانثينول\u003c\/span\u003e\u003cspan\u003eبيسابولول\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cimg class=\"pimg\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/dermatencentella_f5e8878e-be15-4384-b74a-accee786cf5a.jpg?v=1788175267\" alt=\"سيروم السنتيلا 5% والسيراميد لتهدئة البشرة\" width=\"1816\" height=\"2560\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eأرقام مكتوبة على العبوة\u003c\/h2\u003e\n\u003cdiv class=\"big3\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e5%\u003c\/b\u003e\u003cspan\u003eسنتيلا آسياتيكا\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003cspan\u003eأنواع سيراميد\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e30\u003c\/b\u003e\u003cspan\u003eمل\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"glass\"\u003e\n\u003ch2 class=\"cc\"\u003eالبشرة المتهيجة محتاجة تهدئة قبل أي حاجة تانية\u003c\/h2\u003e\n\u003cp class=\"c\"\u003eبعد الشمس أو التقشير أو الريتينول، بشرتك بتحتاج خطوة هادية. دي اللي السيروم ده معمول لها.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eاحمرار وحساسية\u003c\/h3\u003e\n\u003cp\u003eسنتيلا وبيسابولول معروفين في منتجات التهدئة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eحاجز ضعيف\u003c\/h3\u003e\n\u003cp\u003eسيراميد بيدعم حاجز البشرة ويقلل فقد الرطوبة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003eبعد المقشرات\u003c\/h3\u003e\n\u003cp\u003eخطوة تهدئة بعد الأحماض أو الريتينول.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eإيه اللي جوه السيروم؟\u003c\/h2\u003e\n\u003cdiv class=\"fm\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eسنتيلا آسياتيكا 5%\u003c\/h3\u003e\n\u003cp\u003eمستخلص نباتي معروف باستخدامه في منتجات تهدئة البشرة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eسيراميد NP \/ AP \/ EOP\u003c\/h3\u003e\n\u003cp\u003eدهون طبيعية في الجلد بتدعم حاجز البشرة وتقلل فقدان الرطوبة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eحمض الهيالورونيك\u003c\/h3\u003e\n\u003cp\u003eترطيب خفيف.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eبانثينول وألانتوين\u003c\/h3\u003e\n\u003cp\u003eمكونات مهدئة ومرطبة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eبيسابولول\u003c\/h3\u003e\n\u003cp\u003eمكون مستخلص من البابونج بيُستخدم لتهدئة البشرة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eألوفيرا ومستخلص الخيار\u003c\/h3\u003e\n\u003cp\u003eترطيب ولمسة منعشة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eتهدئة على 3 مستويات\u003c\/h2\u003e\n\u003cdiv class=\"lay\"\u003e\n\u003cdiv\u003eسنتيلا + بيسابولول: تهدئة\u003c\/div\u003e\n\u003cdiv\u003eسيراميد NP \/ AP \/ EOP: دعم الحاجز\u003c\/div\u003e\n\u003cdiv\u003eهيالورونيك + بانثينول: ترطيب\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eهتشوف إيه وإمتى؟ بصراحة\u003c\/h2\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eمن أول استخدام\u003c\/b\u003eالإحساس بالراحة والترطيب ممكن يبان بسرعة.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eمع الاستمرار\u003c\/b\u003eدعم الحاجز بيحتاج أسابيع، والنتيجة بتختلف من شخص لشخص.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"margin-top:22px\"\u003eممكن يناسبك لو\u003c\/h3\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eاللي بشرتها حساسة أو بتحمر بسهولة.\u003c\/li\u003e\n\u003cli\u003eبعد التعرض للشمس أو بعد منتجات التقشير والريتينول.\u003c\/li\u003e\n\u003cli\u003eاللي عايزة خطوة تهدئة في الروتين.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cc\"\u003eطريقة الاستخدام.. بسيطة\u003c\/h2\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003cp\u003eنضّف وشك وجففه.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003cp\u003eحط 3 إلى 4 قطرات وربّت على الوش والرقبة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003cp\u003eاتركه يمتص، وبعدها مرطب.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003cp\u003eنهاراً، ختام بواقي شمس.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"warn\"\u003e\n\u003ch2\u003eاقرا ده قبل أول استخدام\u003c\/h2\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eلو بشرتك جافة جداً، هتحتاج مرطب بعده.\u003c\/li\u003e\n\u003cli\u003eجرّب المنتج على مساحة صغيرة من الجلد الأول وانتظر 24 ساعة قبل الاستخدام الكامل.\u003c\/li\u003e\n\u003cli\u003eلو حصل احمرار شديد أو حرقان مستمر، وقّف الاستخدام.\u003c\/li\u003e\n\u003cli\u003eمش بديل لعلاج الحالات الجلدية. لو الاحمرار مستمر، استشر دكتور جلدية.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec b\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eأسئلة قبل الطلب\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003eمناسب للبشرة الحساسة؟\u003c\/summary\u003e\u003cp\u003eتركيبته مصممة للتهدئة، لكن لكل بشرة حساسية مختلفة، فجرّبه على مساحة صغيرة الأول.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eأستخدمه مع الأحماض والريتينول؟\u003c\/summary\u003e\u003cp\u003eأيوه، وغالباً بيُستخدم بعدهم أو في الأيام اللي بتستريح فيها بشرتك لتهدئتها.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eإمتى هلاحظ فرق؟\u003c\/summary\u003e\u003cp\u003eالإحساس بالراحة والترطيب ممكن يبان بسرعة، ودعم الحاجز بيحتاج استمرار لأسابيع.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"sec a\" style=\"padding-top:10px\"\u003e\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"cta\"\u003e\n\u003ch2\u003eاديها هدوء، وخلّي روتينك كله يشتغل أحسن\u003c\/h2\u003e\n\u003cp style=\"max-width:680px;margin:10px auto 0;font-size:18px;color:#fff\"\u003eاضغط \u003cspan class=\"k\"\u003eأضف إلى السلة\u003c\/span\u003e وابدأ بالتدريج. النتائج بتختلف من شخص لشخص حسب نوع البشرة وانتظام الاستخدام.\u003c\/p\u003e\n\u003cdiv class=\"tags\"\u003e\n\u003cspan\u003eسنتيلا 5%\u003c\/span\u003e\u003cspan\u003eسيراميد NP\/AP\/EOP\u003c\/span\u003e\u003cspan\u003eهيالورونيك\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inci\"\u003e\n\u003cb\u003eINCI:\u003c\/b\u003e Aqua, Centella Asiatica, Centella Asiatica Leaf Water, Hyaluronic Acid, Ceramide NP, Ceramide AP, Ceramide EOP, Panthenol, Allantoin, Aloe Vera, Bisabolol, Cucumber Extract, 1,2-Hexanediol, Xanthan Gum, Tocopherol, Ethylhexyl Glycerin, Butylene Glycol, Phenoxyethanol\u003c\/div\u003e\n\u003cp class=\"c\" style=\"margin-top:18px;font-size:14px\"\u003eلو عندك حالة جلدية أو حساسية، استشر دكتور جلدية قبل الاستخدام.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"DERMA TEN","offers":[{"title":"30ml","offer_id":46999419027630,"sku":"DERMA_TEN_CENTELLA_SOOTHING_SERUM_30ML","price":35.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/dermatencentella_f5e8878e-be15-4384-b74a-accee786cf5a.jpg?v=1788175267"}],"url":"https:\/\/skingeer.com\/ar\/collections\/facial-hair-serums.oembed","provider":"SkinGeer","version":"1.0","type":"link"}