{"title":"المرطبات | الحماية من الجفاف","description":"\n\u003cstyle\u003e\n .collection-hero-section {\n background: linear-gradient(135deg, #000000, #131a15);\n padding: 60px 20px;\n position: relative;\n overflow: hidden;\n font-family: 'Cairo', sans-serif;\n color: #ffffff;\n line-height: 1.6;\n }\n .collection-hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.3);\n z-index: 1;\n }\n .collection-content {\n position: relative;\n z-index: 2;\n max-width: 1200px;\n margin: 0 auto;\n }\n .wisdom-quote {\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(128, 174, 147, 0.3);\n border-radius: 12px;\n padding: 20px;\n text-align: center;\n margin-bottom: 30px;\n position: relative;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n .wisdom-text {\n font-size: 1.1rem;\n color: #80ae93;\n font-weight: 600;\n font-style: italic;\n line-height: 1.6;\n }\n .collection-title {\n font-size: 3.5rem;\n font-weight: 700;\n margin-bottom: 20px;\n background: linear-gradient(135deg, #ffffff, #80ae93);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n text-align: center;\n line-height: 1.2;\n }\n .collection-description {\n font-size: 1.1rem;\n line-height: 1.8;\n color: rgba(255, 255, 255, 0.9);\n text-align: center;\n max-width: 600px;\n margin: 0 auto 25px auto;\n font-weight: 300;\n }\n .ingredients-section {\n margin-top: 40px;\n padding: 20px 0;\n }\n .ingredients-title {\n text-align: center;\n font-size: 1rem;\n letter-spacing: 2px;\n color: #80ae93;\n margin-bottom: 30px;\n font-weight: 600;\n }\n .ingredients-grid {\n display: flex;\n gap: 16px;\n overflow-x: auto;\n padding: 20px 20px 30px 20px;\n scroll-behavior: smooth;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: thin;\n scrollbar-color: #80ae93 rgba(255, 255, 255, 0.1);\n margin: 0 -20px;\n }\n .ingredients-grid::-webkit-scrollbar {\n height: 6px;\n }\n .ingredients-grid::-webkit-scrollbar-track {\n background: rgba(255, 255, 255, 0.1);\n border-radius: 3px;\n }\n .ingredients-grid::-webkit-scrollbar-thumb {\n background: #80ae93;\n border-radius: 3px;\n }\n .ingredients-grid::-webkit-scrollbar-thumb:hover {\n background: #6a9a7f;\n }\n .ingredient-card {\n background: rgba(255, 255, 255, 0.05);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 12px;\n padding: 16px 12px;\n text-align: center;\n cursor: pointer;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n min-height: 90px;\n min-width: 140px;\n flex-shrink: 0;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n .ingredient-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(135deg, rgba(128, 174, 147, 0.15), transparent);\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n .ingredient-card:hover {\n transform: translateY(-5px);\n border-color: #80ae93;\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);\n }\n .ingredient-card:hover::before {\n opacity: 1;\n }\n .ingredient-name {\n font-size: 0.95rem;\n font-weight: 600;\n margin-bottom: 4px;\n color: #ffffff;\n position: relative;\n z-index: 2;\n }\n .ingredient-benefit {\n font-size: 0.75rem;\n color: #80ae93;\n font-weight: 500;\n position: relative;\n z-index: 2;\n }\n .modal-overlay {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.85);\n backdrop-filter: blur(8px);\n z-index: 1000;\n animation: fadeIn 0.3s ease;\n }\n .modal-overlay.active {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 20px;\n }\n .modal-content {\n background: linear-gradient(135deg, #1a1a1a, #2a2a2a);\n border: 2px solid #80ae93;\n border-radius: 20px;\n max-width: 500px;\n width: 100%;\n padding: 40px 30px;\n position: relative;\n animation: slideUp 0.4s ease;\n box-shadow: 0 25px 50px rgba(0, 0, 0, 0.6);\n }\n .modal-close {\n position: absolute;\n top: 15px;\n left: 15px;\n background: rgba(255, 255, 255, 0.1);\n border: none;\n color: #ffffff;\n font-size: 24px;\n width: 35px;\n height: 35px;\n border-radius: 50%;\n cursor: pointer;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .modal-close:hover {\n background: rgba(128, 174, 147, 0.3);\n transform: rotate(90deg);\n }\n .modal-title {\n font-size: 1.5rem;\n font-weight: 700;\n margin-bottom: 8px;\n color: #80ae93;\n text-align: center;\n }\n .modal-subtitle {\n font-size: 0.9rem;\n color: rgba(255, 255, 255, 0.7);\n text-align: center;\n margin-bottom: 20px;\n font-style: italic;\n }\n .modal-description {\n font-size: 0.95rem;\n line-height: 1.7;\n color: rgba(255, 255, 255, 0.9);\n margin-bottom: 20px;\n text-align: right;\n }\n .modal-benefits {\n background: rgba(128, 174, 147, 0.1);\n border-right: 3px solid #80ae93;\n padding: 15px 20px;\n border-radius: 8px;\n margin-top: 20px;\n }\n .modal-benefits h4 {\n color: #80ae93;\n font-size: 0.85rem;\n margin-bottom: 10px;\n font-weight: 600;\n }\n .modal-benefits ul {\n list-style: none;\n padding: 0;\n }\n .modal-benefits li {\n padding: 6px 0;\n color: rgba(255, 255, 255, 0.9);\n position: relative;\n padding-right: 20px;\n font-size: 0.9rem;\n }\n .modal-benefits li::before {\n content: '✓';\n position: absolute;\n right: 0;\n color: #80ae93;\n font-weight: bold;\n }\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n @keyframes slideUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n @media (max-width: 768px) {\n .collection-hero-section { padding: 40px 15px; }\n .collection-title { font-size: 2.5rem; }\n .collection-description { font-size: 1rem; }\n .ingredients-grid { gap: 12px; padding: 20px 15px 30px 15px; margin: 0 -15px; }\n .ingredient-card { min-height: 80px; min-width: 120px; padding: 12px 8px; }\n .ingredient-name { font-size: 0.85rem; }\n .ingredient-benefit { font-size: 0.7rem; }\n .wisdom-text { font-size: 1rem; }\n .modal-content { padding: 30px 20px; margin: 10px; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"collection-hero-section\"\u003e\n\u003cdiv class=\"collection-content\"\u003e\n\u003cdiv class=\"wisdom-quote\"\u003e\n\u003cp class=\"wisdom-text\"\u003eالبشرة العطشانة بتعجز قبل أوانها… الترطيب سر الشباب الدائم.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"collection-title\"\u003eالمرطبات | الحماية من الجفاف\u003c\/h1\u003e\n\u003cp class=\"collection-description\"\u003eالجفاف هو العدو الخفي للبشرة: يسرع ظهور التجاعيد، يضعف الحاجز الطبيعي، ويجعل الوجه باهت ومتعب. الترطيب مش رفاهية ولا خطوة إضافية - ده أساس صحة بشرتك وضروري في كل روتين عناية.\u003c\/p\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 class=\"ingredients-title\"\u003eالمكونات الأساسية\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eحمض الهيالورونيك\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eترطيب عميق يدوم\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eالجلسرين\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eيحفظ رطوبة البشرة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eالسيراميدات\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eتقوية الحاجز الواقي\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eسكوالان\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eمرونة ولمعان طبيعي\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eبانثينول (فيتامين B5)\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\u003eتهدئة وتجديد\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-name\"\u003eالألوفيرا\u003c\/h3\u003e\n\u003cp class=\"ingredient-benefit\"\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=\"modal-overlay\" id=\"modal\"\u003e\n\u003cdiv class=\"modal-content\" id=\"modalContent\"\u003e\n\u003cbutton class=\"modal-close\"\u003e×\u003c\/button\u003e\n\u003cdiv id=\"modalBody\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\n function openModal(ingredientId) {\n const data = ingredientData[ingredientId];\n const modalBody = document.getElementById('modalBody');\n\n modalBody.innerHTML = `\n \u003ch3 class=\"modal-title\"\u003e${data.name}\u003c\/h3\u003e\n \u003cp class=\"modal-subtitle\"\u003e${data.subtitle}\u003c\/p\u003e\n \u003cp class=\"modal-description\"\u003e${data.description}\u003c\/p\u003e\n \u003cdiv class=\"modal-benefits\"\u003e\n \u003ch4\u003eالفوائد الرئيسية\u003c\/h4\u003e\n \u003cul\u003e\n ${data.benefits.map(benefit =\u0026gt; `\u003cli\u003e${benefit}\u003c\/li\u003e`).join('')}\n \u003c\/ul\u003e\n \u003c\/div\u003e\n `;\n document.getElementById('modal').classList.add('active');\n }\n\n function closeModal() {\n document.getElementById('modal').classList.remove('active');\n }\n\n function closeModalOnOverlay(event) {\n if (event.target.id === 'modal') {\n closeModal();\n }\n }\n \/\/ Optimized for mobile\/touch\n if ('ontouchstart' in window) {\n document.body.style.webkitTouchCallout = 'none';\n }\n\n","products":[{"product_id":"the-ordinary-niacinamide-zinc","title":"The ordinary نياسيناميد 10% زنك1% | مضاد الحبوب | تصغير المسام | مرطب | مضاد للتجاعيد","description":"\u003c!-- وصف منتج The Ordinary Niacinamide 10% + Zinc 1% - تصميم متحرك أنيق --\u003e\n\n\u003cstyle\u003e\n\/* الأنماط الأساسية *\/\n.niacinamide-container {\n max-width: 100%;\n margin: 0 auto;\n direction: rtl;\n color: #333;\n overflow-x: hidden;\n}\n\n.niacinamide-header {\n text-align: center;\n margin-bottom: 30px;\n opacity: 0;\n animation: fadeInUp 0.8s ease forwards;\n}\n\n.niacinamide-title-main {\n font-size: 28px;\n color: #333;\n margin-bottom: 10px;\n}\n\n.niacinamide-title-sub {\n font-size: 22px;\n color: #333;\n margin-bottom: 15px;\n position: relative;\n padding-bottom: 12px;\n display: inline-block;\n}\n\n.niacinamide-title-sub: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.niacinamide-intro {\n text-align: center;\n font-size: 16px;\n margin-bottom: 20px;\n line-height: 1.6;\n}\n\n.niacinamide-image {\n display: block;\n margin: 25px auto;\n max-width: 100%;\n border-radius: 8px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n animation: imagePulse 2s infinite alternate ease-in-out;\n opacity: 0;\n transform: scale(0.95);\n animation: fadeInAndScale 0.8s ease forwards;\n}\n\n.niacinamide-image:hover {\n transform: translateY(-5px) scale(1.02);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\n}\n\n.niacinamide-divider {\n height: 1px;\n background-color: #eee;\n margin: 40px 0;\n position: relative;\n width: 0;\n animation: growWidth 1.2s ease forwards;\n}\n\n.niacinamide-divider:before {\n content: \"\";\n position: absolute;\n width: 60px;\n height: 3px;\n background-color: #9C8102;\n top: -1px;\n right: 50%;\n transform: translateX(50%);\n opacity: 0;\n animation: fadeIn 0.8s 0.6s ease forwards;\n}\n\n.niacinamide-benefit-section {\n margin: 30px 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.niacinamide-benefit-section.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.niacinamide-benefit-section:hover {\n transform: translateY(-5px) scale(1.02);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\n}\n\n.niacinamide-benefit-title {\n text-align: center;\n font-size: 20px;\n color: #333;\n margin-bottom: 5px;\n font-weight: bold;\n}\n\n.niacinamide-benefit-subtitle {\n text-align: center;\n font-size: 24px;\n color: #333;\n margin-bottom: 15px;\n position: relative;\n padding-bottom: 12px;\n}\n\n.niacinamide-benefit-subtitle:after {\n content: \"\";\n position: absolute;\n bottom: 0;\n right: 50%;\n transform: translateX(50%);\n width: 0;\n height: 2px;\n background-color: #9C8102;\n transition: width 0.8s ease;\n}\n\n.niacinamide-benefit-section.visible .niacinamide-benefit-subtitle:after {\n width: 40px;\n}\n\n.niacinamide-benefit-content {\n text-align: center;\n line-height: 1.7;\n color: #555;\n}\n\n.niacinamide-highlight {\n color: #9C8102;\n font-weight: bold;\n background: linear-gradient(120deg, rgba(156, 129, 2, 0.2), transparent);\n background-repeat: no-repeat;\n background-size: 100% 0.4em;\n background-position: 0 88%;\n transition: background-size 0.4s ease;\n}\n\n.niacinamide-benefit-section:hover .niacinamide-highlight {\n background-size: 100% 0.6em;\n}\n\n.niacinamide-usage-section {\n margin: 40px 0;\n padding: 25px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n opacity: 0;\n transform: translateY(30px);\n}\n\n.niacinamide-usage-section.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.niacinamide-usage-title {\n font-size: 18px;\n color: #333;\n margin-bottom: 15px;\n font-weight: bold;\n position: relative;\n padding-right: 15px;\n}\n\n.niacinamide-usage-title:before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n width: 3px;\n height: 0;\n background-color: #9C8102;\n border-radius: 3px;\n transition: height 0.6s ease;\n}\n\n.niacinamide-usage-section.visible .niacinamide-usage-title:before {\n height: 100%;\n}\n\n.niacinamide-usage-content {\n line-height: 1.7;\n}\n\n.niacinamide-ingredients-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 opacity: 0;\n transform: translateY(30px);\n}\n\n.niacinamide-ingredients-section.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.niacinamide-ingredient-item {\n margin-bottom: 20px;\n opacity: 0;\n transform: translateX(20px);\n transition: all 0.6s ease;\n}\n\n.niacinamide-ingredients-section.visible .niacinamide-ingredient-item {\n opacity: 1;\n transform: translateX(0);\n}\n\n.niacinamide-ingredients-section.visible .niacinamide-ingredient-item:nth-child(2) {\n transition-delay: 0.2s;\n}\n\n.niacinamide-ingredient-name {\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 5px;\n}\n\n.niacinamide-ingredient-desc {\n line-height: 1.6;\n}\n\n.niacinamide-product-info {\n text-align: center;\n margin: 30px 0;\n padding: 15px;\n background-color: #f8f6f0;\n border-radius: 8px;\n font-weight: bold;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n transform: scale(0.95);\n opacity: 0;\n}\n\n.niacinamide-product-info.visible {\n opacity: 1;\n transform: scale(1);\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 growWidth {\n from {\n width: 0;\n margin-right: 50%;\n }\n to {\n width: 100%;\n margin-right: 0;\n }\n}\n\n@keyframes expandWidth {\n from {\n width: 0;\n }\n to {\n width: 60px;\n }\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\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 imagePulse {\n from {\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);\n }\n to {\n box-shadow: 0 8px 25px rgba(156, 129, 2, 0.3);\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"niacinamide-container\"\u003e\n \u003cdiv class=\"niacinamide-header\"\u003e\n \u003ch2 class=\"niacinamide-title-main\"\u003eThe ordinary niacinamide 10% Zinc 1%\u003c\/h2\u003e\n \u003cimg class=\"niacinamide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Modern_Search_Bar_Facebook_Feed_Ad_20_1024x1024.jpg?v=1638010843\" alt=\"The Ordinary Niacinamide\"\u003e\n \u003ch3 class=\"niacinamide-title-sub\"\u003eبشرتك في أصفى حالاتها\u003c\/h3\u003e\n \u003ch2 class=\"niacinamide-title-sub\"\u003eمسامات بشرتك غير مرئية\u003c\/h2\u003e\n \u003cp class=\"niacinamide-intro\"\u003e\n النياسيناميد هو المركب المثالي والأفضل في تقليص المسام لأقصى الحدود مما يجعل بشرتك نضرة ومشدودة وخالية من الرؤوس السوداء والرؤوس البيضاء\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"niacinamide-divider\"\u003e\u003c\/div\u003e\n \n \u003c!-- قسم الفوائد الأول --\u003e\n \u003cdiv class=\"niacinamide-benefit-section\"\u003e\n \u003ch3 class=\"niacinamide-benefit-title\"\u003eفعال ضد أشد الحبوب\u003c\/h3\u003e\n \u003cimg class=\"niacinamide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/before-after-portrait-woman-retouched_adobespark_2048x2048.png?v=1638013792\" alt=\"قبل وبعد استخدام النياسيناميد\"\u003e\n \u003cp class=\"niacinamide-benefit-content\"\u003e\n يخفف الاحمرار وآثار حب الشباب وسترين نتائج إيجابية خصوصا في الحبوب الملتهبة\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"niacinamide-divider\"\u003e\u003c\/div\u003e\n \n \u003c!-- قسم الفوائد الثاني --\u003e\n \u003cdiv class=\"niacinamide-benefit-section\"\u003e\n \u003ch3 class=\"niacinamide-benefit-title\"\u003eشبابك دائم\u003c\/h3\u003e\n \u003ch2 class=\"niacinamide-benefit-subtitle\"\u003eمن أقوى مضادات الشيخوخة\u003c\/h2\u003e\n \u003cp class=\"niacinamide-benefit-content\"\u003e\n \u003cstrong class=\"niacinamide-highlight\"\u003eيختزل الجذور الحرة المسببة للشيخوخة ويحفز إنتاج الكولاجين\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003cimg class=\"niacinamide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_18_1024x1024.png?v=1637970613\" alt=\"مضاد للشيخوخة\"\u003e\n \u003cp class=\"niacinamide-benefit-content\"\u003e\n يحفز إنتاج الكيراتين الذي يشد الجلد ويزيد سماكته مما يخفف من آثار الخطوط الدقيقة والتجاعيد\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- قسم الفوائد الثالث --\u003e\n \u003cdiv class=\"niacinamide-benefit-section\"\u003e\n \u003ch3 class=\"niacinamide-benefit-title\"\u003eبشرتك صافية وموحدة اللون\u003c\/h3\u003e\n \u003ch2 class=\"niacinamide-benefit-subtitle\"\u003eسيفتح المناطق الداكنة في بشرتك\u003c\/h2\u003e\n \u003cimg class=\"niacinamide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/the-truth-about-hyperpigmentation_2048x2048.jpg?v=1638012081\" alt=\"تفتيح البشرة\"\u003e\n \u003cp class=\"niacinamide-benefit-content\"\u003e\n في تركيزاته العالية يقوم النياسيناميد بمعادلة صبغة الميلانين مما يفتح المناطق الداكنة ويجعل بشرتك موحدة اللون\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- قسم الفوائد الرابع --\u003e\n \u003cdiv class=\"niacinamide-benefit-section\"\u003e\n \u003ch3 class=\"niacinamide-benefit-title\"\u003eترطيب عميق\u003c\/h3\u003e\n \u003ch2 class=\"niacinamide-benefit-subtitle\"\u003eبدون أثر دهني\u003c\/h2\u003e\n \u003cp class=\"niacinamide-benefit-content\"\u003e\n يعمل النياسيناميد على احتجاز الرطوبة في بشرتك عن طريق تكوين \u003cspan class=\"niacinamide-highlight\"\u003e\"حاجز الرطوبة\"\u003c\/span\u003e الذي يمنع فقدان الماء من بشرتك\n \u003c\/p\u003e\n \u003cp class=\"niacinamide-benefit-content\"\u003e\n كما أنه يعادل إنتاج الزيوت في البشرة الدهنية فلا يترك أثرا دهنيا\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- قسم الفوائد الخامس --\u003e\n \u003cdiv class=\"niacinamide-benefit-section\"\u003e\n \u003ch3 class=\"niacinamide-benefit-title\"\u003e\u003cstrong\u003eيزيل الرؤوس السوداء والبيضاء\u003c\/strong\u003e\u003c\/h3\u003e\n \u003ch2 class=\"niacinamide-benefit-subtitle\"\u003e\u003cstrong\u003eيعالج جلد قشرة البرتقالة\u003c\/strong\u003e\u003c\/h2\u003e\n \u003cimg class=\"niacinamide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/istockphoto-1002841518-612x612_2048x2048.jpg?v=1638013504\" alt=\"علاج قشرة البرتقالة\"\u003e\n \u003cp class=\"niacinamide-benefit-content\"\u003e\n \u003cstrong class=\"niacinamide-highlight\"\u003eعن طريق تحفيز تكوين خلايا جلد جديدة وعن طريق الترطيب العميق للبشرة\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- قسم أنواع البشرة --\u003e\n \u003cdiv class=\"niacinamide-benefit-section\"\u003e\n \u003ch2 class=\"niacinamide-benefit-subtitle\"\u003e\n \u003cstrong\u003eيناسب كل أنواع البشرة جافة، عادية، مختلطة، دهنية\u003c\/strong\u003e\n \u003c\/h2\u003e\n \u003cp class=\"niacinamide-benefit-content\"\u003e\n \u003cstrong class=\"niacinamide-highlight\"\u003eخفيف على البشرة.. سريع الإمتصاص\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- قسم طريقة الاستخدام --\u003e\n \u003cdiv class=\"niacinamide-usage-section\"\u003e\n \u003ch3 class=\"niacinamide-usage-title\"\u003eطريقة الاستخدام\u003c\/h3\u003e\n \u003cdiv class=\"niacinamide-usage-content\"\u003e\n \u003cp\u003e\n يوضع كمية بسيطة جدا على الوجه صباحا ومساءا على بشرة نظيفة قبل وضع اى كريمات اخرى او زيوت او مرطبات للبشرة\n \u003c\/p\u003e\n \u003cp\u003e\n ولايجب استخدامه فى نفس الوقت مع العلاجات التى تحتوى على ڤيتامين سي النقي.\n \u003cbr\u003e( حمض الأسكروبيك )\n \u003c\/p\u003e\n \u003cp\u003e\n امن بالاستخدام للحوامل والمرضعات.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- قسم المكونات --\u003e\n \u003cdiv class=\"niacinamide-ingredients-section\"\u003e\n \u003ch3 class=\"niacinamide-usage-title\"\u003eالمكونات الأساسية\u003c\/h3\u003e\n \n \u003cdiv class=\"niacinamide-ingredient-item\"\u003e\n \u003cdiv class=\"niacinamide-ingredient-name\"\u003e- Niacinamide -\u003c\/div\u003e\n \u003cdiv class=\"niacinamide-ingredient-desc\"\u003e\n وهو ممتاز لتحسين الصحة العامة للبشرة و يعزز مناعة الجلد ويحسن الاحتفاظ بالرطوبة عن طريق تقوية حاجز البشرة.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"niacinamide-ingredient-item\"\u003e\n \u003cdiv class=\"niacinamide-ingredient-name\"\u003e- Zinc -\u003c\/div\u003e\n \u003cdiv class=\"niacinamide-ingredient-desc\"\u003e\n يدعم بنية الجلد عن طريق شفاء الجلد التالف وتشجيع إنتاج الكولاجين والإيلاستين.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- معلومات المنتج --\u003e\n \u003cdiv class=\"niacinamide-product-info\"\u003e\n \u003cp\u003eحجم العبوة 30مل\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- سكريبت تفعيل الحركات عند التمرير --\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n const benefitSections = document.querySelectorAll('.niacinamide-benefit-section');\n const usageSection = document.querySelector('.niacinamide-usage-section');\n const ingredientsSection = document.querySelector('.niacinamide-ingredients-section');\n const productInfo = document.querySelector('.niacinamide-product-info');\n \n \/\/ إضافة معرف للصورة الثانية\n const images = document.querySelectorAll('.niacinamide-image');\n if (images.length \u003e 1) {\n images[1].setAttribute('data-delay', '0.3');\n }\n \n \/\/ مراقبة ظهور العناصر عند التمرير\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const delay = entry.target.getAttribute('data-delay') || 0;\n setTimeout(() =\u003e {\n entry.target.classList.add('visible');\n }, delay * 1000);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.2 });\n \n \/\/ مراقبة جميع الأقسام\n benefitSections.forEach((section, index) =\u003e {\n section.setAttribute('data-delay', index * 0.15);\n observer.observe(section);\n });\n \n if (usageSection) observer.observe(usageSection);\n if (ingredientsSection) observer.observe(ingredientsSection);\n if (productInfo) observer.observe(productInfo);\n \n \/\/ تحريك الصور عند التمرير\n const imageObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.animationDelay = '0.3s';\n entry.target.style.animationPlayState = 'running';\n imageObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.2 });\n \n \/\/ مراقبة جميع الصور\n document.querySelectorAll('.niacinamide-image').forEach(img =\u003e {\n imageObserver.observe(img);\n });\n});\n\u003c\/script\u003e","brand":"The ordinary","offers":[{"title":"30 مل","offer_id":46999278977198,"sku":"INSTA0382CHIQ","price":15.0,"currency_code":"USD","in_stock":true},{"title":"60 مل","offer_id":46999279009966,"sku":"INSTA0382CHIQ","price":21.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/ezgif.com-gif-maker_5.jpg?v=1788176548"},{"product_id":"loreal-eye-cream-hyalouronic-50ml","title":"كريم عناية للتجاعيد و الهالات حول العين وترطيب حول العين بالهياليرونيك | لوريال","description":"\u003cp style=\"text-align: right;\"\u003e\u003cstrong\u003eloreal eye cream hyalouronic 50ml\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: right;\"\u003eقمنا بتطوير واختبار كريمات العناية بالبشرة بالتعاون مع كبار خبراء وعلماء البشرة من جميع أنحاء العالم.\u003cbr\u003eمعرفة مثبّتة وابتكارات ثورية وتركيبات فاخرة من أجل تجربة حصرية للعناية بالبشرة. استمتعي ببشرة رائعة الآن وببشرة تبدو أكثر شباباً في المستقبل.”\u003cbr\u003e\u003cbr\u003eيعيد للجلد الرطوبة ، ويقلل من ظهور الخطوط الدقيقة\u003cbr\u003eبعامل حماية 20\u003cbr\u003eيظهر بشرتك نقية مريحة ومهدئة و يمنع التهيج\u003cbr\u003e\u003cbr\u003eلوريال هيالويورونيك كريم العينين\u003cbr\u003e\u003cbr\u003e1. ينعم الخطوط الدقيقة\u003cbr\u003e2 ترطيب مكثف\u003cbr\u003e\u003cbr\u003eهيالورون اكسبرت\u003cbr\u003e2 أنواع حمض الهيالورونيك:\u003cbr\u003e1) حمض الهيالورونيك الجزيئي العالي للمساعدة في ترطيب وتنعيم سطح البشرة\u003cbr\u003e2) يساعد حمض الهيالورونيك الصغير على استبدال البشرة بالرطوبة\u003cbr\u003e\u003cbr\u003eالعمل: يعزز ويرطب البشرة + ينعم الخطوط الدقيقة\u003cbr\u003eالعمر: 25 إلى 35\u003cbr\u003eالملمس: خفيف الوزن وغير دهني\u003cbr\u003e\u003cbr\u003eللحصول على أفضل النتائج:\u003cbr\u003e\u003cbr\u003eاستخدم مع المنتجات الأخرى من مجموعة Hyaluron Expert Range: كريم مجدد مرطب بعامل حماية من الشمس 20 لحماية وترطيب البشرة وقناع كريم مرطب ممتلئ لتنعيم وتغذية البشرة.\u003cbr\u003e\u003cbr\u003eتم اختباره تحت اشراف اطباء العيون\u003cbr\u003eمناسب للبشرة الحساسة\u003cbr\u003e\u003cbr\u003eكيف تستعمل:\u003cbr\u003e\u003cbr\u003eيوضع يوميا على محيط العين بما في ذلك الجفون ، وينعم بلطف الصيغة بأطراف أصابعك من الداخل إلى الخارج من العين.\u003c\/p\u003e","brand":"loreal","offers":[{"title":"Default Title","offer_id":46999288643758,"sku":"INSTA0539CHIQ","price":4.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/EyesHyaluron.jpg?v=1788176299"},{"product_id":"the-ordinary-lactic-acid-30ml","title":"The ordinary حمض اللاكتيك 5% والهياليرونيك 30 ملل | مقشر | مرطب | مضاد للأكسدة والتجاعيد","description":"\u003cstyle\u003e\n .ordinary-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 10s 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: 400px;\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.6em;\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.5em;\n color: #666;\n margin-bottom: 30px;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s 0.4s forwards;\n line-height: 1.4;\n }\n\n .pharaoh-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 position: relative;\n }\n\n .pharaoh-intro::before {\n content: '👑';\n position: absolute;\n top: 20px;\n left: 30px;\n font-size: 2em;\n opacity: 0.3;\n }\n\n .pharaoh-intro h2 {\n color: #9C8102;\n font-size: 2.2em;\n margin-bottom: 25px;\n }\n\n .pharaoh-intro p {\n font-size: 1.2em;\n line-height: 1.8;\n max-width: 900px;\n margin: 0 auto;\n }\n\n .why-lactic-section {\n padding: 60px 30px;\n background: white;\n }\n\n .comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .comparison-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 .comparison-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 .comparison-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n border-color: #dfb919;\n }\n\n .comparison-icon {\n font-size: 3em;\n margin-bottom: 20px;\n display: block;\n text-align: center;\n }\n\n .comparison-title {\n color: #9C8102;\n font-size: 1.4em;\n font-weight: 700;\n margin-bottom: 15px;\n text-align: center;\n }\n\n .comparison-description {\n color: #666;\n font-size: 1.05em;\n line-height: 1.7;\n text-align: center;\n }\n\n .benefits-section {\n background: #f8f9fa;\n padding: 60px 30px;\n }\n\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n gap: 35px;\n margin-top: 40px;\n }\n\n .benefit-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: 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: 3.5em;\n margin-bottom: 20px;\n display: block;\n text-align: center;\n }\n\n .benefit-title {\n color: #9C8102;\n font-size: 1.5em;\n font-weight: 700;\n margin-bottom: 10px;\n text-align: center;\n }\n\n .benefit-subtitle {\n color: #999;\n font-size: 1.1em;\n font-weight: 600;\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: right;\n }\n\n .gentle-formula-section {\n padding: 60px 30px;\n background: white;\n }\n\n .formula-content {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n gap: 40px;\n align-items: center;\n }\n\n .formula-image {\n max-width: 100%;\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n }\n\n .formula-info {\n background: #f8f9fa;\n padding: 40px;\n border-radius: 20px;\n border: 1px solid #e9ecef;\n }\n\n .formula-feature {\n background: white;\n padding: 25px;\n border-radius: 15px;\n margin: 20px 0;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n }\n\n .formula-feature h4 {\n color: #9C8102;\n font-weight: 700;\n margin-bottom: 10px;\n }\n\n .science-section {\n background: #f8f9fa;\n padding: 60px 30px;\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: 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 .science-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 .ph-meter {\n background: linear-gradient(90deg, #ff4757, #ffa502, #2ed573);\n height: 20px;\n border-radius: 10px;\n position: relative;\n margin: 20px 0;\n }\n\n .ph-indicator {\n position: absolute;\n top: -5px;\n left: 20%;\n width: 30px;\n height: 30px;\n background: #9C8102;\n border-radius: 50%;\n border: 3px solid white;\n box-shadow: 0 2px 10px rgba(0,0,0,0.3);\n }\n\n .ph-label {\n text-align: center;\n margin-top: 10px;\n font-weight: 700;\n color: #9C8102;\n }\n\n .ingredients-section {\n padding: 60px 30px;\n background: white;\n }\n\n .ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 25px;\n margin-top: 40px;\n }\n\n .ingredient-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 .ingredient-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 .ingredient-icon {\n font-size: 2.5em;\n color: #9C8102;\n margin-bottom: 15px;\n display: block;\n }\n\n .ingredient-name {\n color: #9C8102;\n font-weight: 700;\n margin-bottom: 10px;\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-title {\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: 12px 0;\n border-bottom: 1px solid #f0f0f0;\n position: relative;\n padding-right: 35px;\n }\n\n .usage-steps li::before {\n content: attr(data-step);\n position: absolute;\n right: 0;\n top: 12px;\n width: 25px;\n height: 25px;\n border-radius: 50%;\n background: #9C8102;\n color: white;\n text-align: center;\n line-height: 25px;\n font-size: 0.85em;\n font-weight: 700;\n }\n\n .warning-card {\n background: #fff3cd;\n border: 2px solid #ffeaa7;\n padding: 25px;\n border-radius: 15px;\n margin-top: 20px;\n }\n\n .warning-title {\n color: #856404;\n font-weight: 700;\n margin-bottom: 15px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .warning-list {\n list-style: none;\n padding: 0;\n }\n\n .warning-list li {\n padding: 8px 0;\n position: relative;\n padding-right: 25px;\n color: #856404;\n }\n\n .warning-list li::before {\n content: '⚠️';\n position: absolute;\n right: 0;\n top: 8px;\n }\n\n .skin-types-section {\n padding: 60px 30px;\n background: white;\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 .results-section {\n background: #f8f9fa;\n padding: 60px 30px;\n }\n\n .results-timeline {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 25px;\n margin-top: 40px;\n }\n\n .result-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 position: relative;\n }\n\n .result-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 }\n\n .result-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 .result-period {\n color: #9C8102;\n font-weight: 700;\n font-size: 1.2em;\n margin-bottom: 15px;\n }\n\n .before-after-section {\n padding: 60px 30px;\n background: white;\n }\n\n .before-after-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .before-after-card {\n text-align: center;\n background: white;\n padding: 20px;\n border-radius: 20px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n transition: all 0.3s ease;\n }\n\n .before-after-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n }\n\n .before-after-image {\n max-width: 100%;\n border-radius: 15px;\n margin-bottom: 15px;\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: 20px;\n right: 20px;\n font-size: 3em;\n opacity: 0.1;\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 .ingredients-list {\n background: #f8f9fa;\n padding: 25px;\n border-radius: 15px;\n margin-top: 20px;\n border: 1px solid #e9ecef;\n }\n\n .ingredients-list h4 {\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n @media (max-width: 768px) {\n .main-title { font-size: 2.2em; }\n .section-title { font-size: 2em; }\n .comparison-grid, .benefits-grid, .ingredients-grid, .usage-grid, .skin-types-grid, .results-timeline, .before-after-grid {\n grid-template-columns: 1fr;\n }\n .formula-content, .science-content {\n grid-template-columns: 1fr;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"ordinary-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\/the_ordinary_lactic_acid_HA.webp?v=1749661210\" alt=\"The Ordinary Lactic Acid 10% + HA\" class=\"hero-image\"\u003e\n \u003ch1 class=\"main-title\"\u003eThe Ordinary Lactic Acid 10% + HA\u003c\/h1\u003e\n \u003ch2 class=\"subtitle\"\u003eسر الجمال اللي استخدمه الفراعنة... في تركيبة عصرية متطورة\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003c!-- Pharaoh Introduction --\u003e\n \u003cdiv class=\"pharaoh-intro\"\u003e\n \u003ch2\u003eمن أسرار الملكات لبشرتك\u003c\/h2\u003e\n \u003cp\u003eقدماء المصريين كانوا أول من اكتشفوا سحر حمض اللاكتيك في الحفاظ على شباب البشرة ونضارتها. كليوباترا نفسها كانت تستحم في اللبن الحامض عشان تحافظ على جمالها الأسطوري. واليوم، \u003cstrong class=\"highlight\"\u003eThe Ordinary\u003c\/strong\u003e جابلك نفس السر الفرعوني في تركيبة علمية متقدمة بتركيز 10% مع حمض الهيالورونيك.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Why Lactic Acid Section --\u003e\n \u003cdiv class=\"why-lactic-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eليه حمض اللاكتيك هو الاختيار الأمثل؟\u003c\/h2\u003e\n \n \u003cdiv class=\"comparison-grid\"\u003e\n \u003cdiv class=\"comparison-card animate-on-scroll\"\u003e\n \u003cspan class=\"comparison-icon\"\u003e🧬\u003c\/span\u003e\n \u003ch3 class=\"comparison-title\"\u003eالأحماض مش كلها زي بعض\u003c\/h3\u003e\n \u003cp class=\"comparison-description\"\u003eحمض اللاكتيك من أرق الأحماض على البشرة الحساسة، لأنه من الأحماض الطبيعية اللي موجودة أصلاً في جسمك. ده يخليه يشتغل بلطف ولكن بقوة مضاعفة عن باقي الأحماض.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"comparison-card animate-on-scroll\"\u003e\n \u003cspan class=\"comparison-icon\"\u003e⚖️\u003c\/span\u003e\n \u003ch3 class=\"comparison-title\"\u003eتركيز مثالي وآمن\u003c\/h3\u003e\n \u003cp class=\"comparison-description\"\u003eتركيز 10% هو الحد الأمثل اللي يديكي نتايج واضحة من غير تهيج أو حساسية مفرطة. ودرجة الحموضة 3.8 مظبوطة علمياً عشان تضمن أقصى فعالية مع أقل آثار جانبية.\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!-- Benefits Section --\u003e\n \u003cdiv class=\"benefits-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eفوائد هتغير شكل بشرتك تماماً\u003c\/h2\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-subtitle\"\u003eيعالج الموجود ويمنع الجديد\u003c\/p\u003e\n \u003cp class=\"benefit-description\"\u003eحمض اللاكتيك بيقشر الجلد الميت بلطف عن طريق كسر الروابط اللي بتربط الخلايا الميتة، وده بيفتح المسام المسدودة ويمنع تكون الحبوب الجديدة. الدراسات أثبتت إن حمض اللاكتيك بيقلل التهابات حب الشباب بنسبة تصل لـ90%، وده يخليه يتماشى مع أدوية حب الشباب التانية زي الريتينول.\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-subtitle\"\u003eمظهرك هيخالف عمرك\u003c\/p\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-subtitle\"\u003eالرطوبة اللي تفضل معاكي طول اليوم\u003c\/p\u003e\n \u003cp class=\"benefit-description\"\u003eحمض اللاكتيك مش بس بيقشر، ده كمان بيرطب البشرة ترطيب عميق يخليها ناعمة ومرنة. والتركيبة دي مدعمة بـ\u003cstrong\u003eحمض الهيالورونيك\u003c\/strong\u003e اللي بيسحب 1000 ضعف وزنه من الماء ويكون حاجز رطوبة يضمن ترطيب يدوم لفترات طويلة.\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-subtitle\"\u003eبشرة صافية موحدة زي المرايا\u003c\/p\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!-- Gentle Formula Section --\u003e\n \u003cdiv class=\"gentle-formula-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eتركيبة لطيفة للبشرة الحساسة\u003c\/h2\u003e\n \n \u003cdiv class=\"formula-content\"\u003e\n \u003cdiv class=\"formula-info animate-on-scroll\" style=\"grid-column: 1 \/ -1;\"\u003e\n \u003cdiv class=\"formula-feature\"\u003e\n \u003ch4\u003eالبيبربيري التازماني: الحارس الطبيعي\u003c\/h4\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/tasmanian-pepperberry-banner_48681ebd-6dc6-4450-80cd-206effbd0d2d.webp?v=1749661271\" alt=\"Tasmanian Pepperberry\" style=\"max-width: 100%; border-radius: 15px; box-shadow: 0 15px 35px rgba(0,0,0,0.1); margin: 15px 0;\"\u003e\n \u003cp\u003eالتركيبة تحتوي على مستخلص البيبربيري التازماني، وده مضاد طبيعي للالتهابات بيقلل الاحمرار والتهيج اللي ممكن يحصل مع منتجات التقشير. ده يخلي المنتج مناسب حتى للبشرة الحساسة جداً.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"formula-feature\"\u003e\n \u003ch4\u003eتركيبة مائية خفيفة\u003c\/h4\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/rdn-lactic-acid-10pct-ha-30ml-swatch.webp?v=1749661271\" alt=\"Product Texture\" style=\"max-width: 100%; border-radius: 15px; box-shadow: 0 15px 35px rgba(0,0,0,0.1); margin: 15px 0;\"\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!-- 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\/the_ordinary_lactic_acid_ha_2.webp?v=1749661364\" alt=\"Science Behind Effectiveness\" 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توازن الـ pH المثالي\u003c\/h3\u003e\n \n \u003cdiv class=\"ph-meter\"\u003e\n \u003cdiv class=\"ph-indicator\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ph-label\"\u003epH 3.8 - التوازن المثالي\u003c\/div\u003e\n \n \u003cp style=\"margin: 25px 0;\"\u003eدرجة الحموضة 3.8 مظبوطة بدقة عشان تطابق الـ pKa بتاع حمض اللاكتيك. الرقم ده مهم جداً لأنه بيضمن التوازن الأمثل بين الملح والحمضية، وده اللي بيضمن وصول الحمض بكفاءة للبشرة وتحقيق تقشير فعال ممكن استخدامه يومياً.\u003c\/p\u003e\n \n \u003cdiv style=\"background: #f8f9fa; padding: 20px; border-radius: 10px; margin-top: 20px;\"\u003e\n \u003ch4 style=\"color: #9C8102; margin-bottom: 10px;\"\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\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-grid\"\u003e\n \u003cdiv class=\"ingredient-card animate-on-scroll\"\u003e\n \u003cspan class=\"ingredient-icon\"\u003e🧪\u003c\/span\u003e\n \u003ch3 class=\"ingredient-name\"\u003eحمض اللاكتيك (10%)\u003c\/h3\u003e\n \u003cp\u003eتقشير لطيف وفعال لسطح البشرة\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-card animate-on-scroll\"\u003e\n \u003cspan class=\"ingredient-icon\"\u003e💧\u003c\/span\u003e\n \u003ch3 class=\"ingredient-name\"\u003eصوديوم هيالورونات\u003c\/h3\u003e\n \u003cp\u003eترطيب عميق ومكثف\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-card animate-on-scroll\"\u003e\n \u003cspan class=\"ingredient-icon\"\u003e🌿\u003c\/span\u003e\n \u003ch3 class=\"ingredient-name\"\u003eالبيبربيري التازماني\u003c\/h3\u003e\n \u003cp\u003eتهدئة ومضاد للالتهابات\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredient-card animate-on-scroll\"\u003e\n \u003cspan class=\"ingredient-icon\"\u003e🛡️\u003c\/span\u003e\n \u003ch3 class=\"ingredient-name\"\u003eالجليسرين\u003c\/h3\u003e\n \u003cp\u003eترطيب إضافي وحماية لحاجز البشرة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ingredients-list animate-on-scroll\"\u003e\n \u003ch4\u003eالقائمة الكاملة للمكونات:\u003c\/h4\u003e\n \u003cp style=\"font-size: 0.9em; color: #666; line-height: 1.6;\"\u003eAqua (Water), Lactic Acid, Glycerin, Pentylene Glycol, Propanediol, Sodium Hydroxide, Sodium Hyaluronate Crosspolymer, Tasmannia Lanceolata Fruit\/Leaf Extract, Acacia Senegal Gum, Xanthan Gum, Isoceteth-20, Trisodium Ethylenediamine Disuccinate, Ethylhexylglycerin, 1,2-Hexanediol, Caprylyl Glycol.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Usage Section --\u003e\n \u003cdiv class=\"usage-section\"\u003e\n \u003ch2 class=\"section-title 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-title\"\u003eالتوقيت المثالي ⏰\u003c\/h3\u003e\n \u003cul style=\"list-style: none; padding: 0;\"\u003e\n \u003cli style=\"padding: 10px 0; border-bottom: 1px solid #f0f0f0;\"\u003e\u003cstrong\u003eاستخدميه مرة واحدة يومياً بالليل فقط\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli style=\"padding: 10px 0;\"\u003eابدأي بـ3 مرات في الأسبوع وزودي تدريجياً حسب تقبل بشرتك\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-title\"\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 \u003cli data-step=\"4\"\u003eاستني 10-15 دقيقة ثم حطي المرطب\u003c\/li\u003e\n \u003cli data-step=\"5\"\u003e\u003cstrong\u003eلازم تستخدمي واقي شمس SPF 30+ في اليوم التالي\u003c\/strong\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n \u003cdiv class=\"warning-card\"\u003e\n \u003ch4 class=\"warning-title\"\u003e⚠️ تحذيرات مهمة\u003c\/h4\u003e\n \u003cul class=\"warning-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 \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!-- Results Section --\u003e\n \u003cdiv class=\"results-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\"\u003eالنتائج المتوقعة\u003c\/h2\u003e\n \n \u003cdiv style=\"text-align: center; margin: 30px 0;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Light_Blue_Natural_Cosmetics_Skin_Care_Instagram_Post_1_1024x1024.png?v=1636194582\" alt=\"Expected Results\" style=\"max-width: 400px; width: 100%; border-radius: 20px; box-shadow: 0 15px 35px rgba(0,0,0,0.1);\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"results-timeline\"\u003e\n \u003cdiv class=\"result-card animate-on-scroll\"\u003e\n \u003cdiv class=\"result-period\"\u003eبعد أسبوع\u003c\/div\u003e\n \u003cp\u003eملمس أنعم ونضارة واضحة\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"result-card animate-on-scroll\"\u003e\n \u003cdiv class=\"result-period\"\u003eبعد أسبوعين\u003c\/div\u003e\n \u003cp\u003eتحسن في المسام وتوحيد لون البشرة\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"result-card animate-on-scroll\"\u003e\n \u003cdiv class=\"result-period\"\u003eبعد شهر\u003c\/div\u003e\n \u003cp\u003eتقليل واضح في التصبغات والخطوط الدقيقة\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"result-card animate-on-scroll\"\u003e\n \u003cdiv class=\"result-period\"\u003eبعد شهرين\u003c\/div\u003e\n \u003cp\u003eبشرة مجددة تماماً وأكثر شباباً\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Before\/After Section --\u003e\n \u003cdiv class=\"before-after-section\"\u003e\n \u003ch2 class=\"section-title animate-on-scroll\" style=\"color: #9C8102;\"\u003eقبل وبعد\u003c\/h2\u003e\n \n \u003cdiv class=\"before-after-grid\"\u003e\n \u003cdiv class=\"before-after-card animate-on-scroll\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/l6s6p07sab751_480x480.jpg?v=1636189193\" alt=\"Before After 1\" class=\"before-after-image\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"before-after-card animate-on-scroll\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/f05a2a5bee88c842c1f1c516736f0766_480x480.jpg?v=1636192405\" alt=\"Before After 2\" class=\"before-after-image\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"before-after-card animate-on-scroll\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SR_A__BA_2000x2000_300dpi_1800x1800_0b68a680-ec16-4050-a8b2-acf210aea6a8_480x480.jpg?v=1636195250\" alt=\"Before After 3\" class=\"before-after-image\"\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=\"animate-on-scroll\"\u003e\n \u003ch2 style=\"color: white; font-size: 2.2em; margin-bottom: 20px;\"\u003eThe Ordinary Lactic Acid 10% + HA\u003c\/h2\u003e\n \u003cp style=\"font-size: 1.3em; margin: 25px 0; color: #d4af37;\"\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\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 comparison cards\n const comparisonObserver = 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 * 200);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.why-lactic-section').forEach(section =\u003e {\n comparisonObserver.observe(section);\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 * 300);\n });\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.benefits-section').forEach(section =\u003e {\n benefitsObserver.observe(section);\n });\n\n \/\/ Animate ingredient cards\n const ingredientsObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const cards = entry.target.querySelectorAll('.ingredient-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('.ingredients-section').forEach(section =\u003e {\n ingredientsObserver.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 result cards\n const resultsObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n const cards = entry.target.querySelectorAll('.result-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 resultsObserver.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":"the ordinary","offers":[{"title":"Default Title","offer_id":46999289397422,"sku":"INSTA0557CHIQ","price":14.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Theordinarylacticacid_aaa81fcf-9057-49d2-8eb5-581faf6f0b71.jpg?v=1788176273"},{"product_id":"the-ordinary-hyaluronic-acid","title":"The ordinary حمض الهياليرونيك 2% | مرطب للبشرة | حشو التجاعيد والخطوط الدقيقة 30 مل","description":"\u003ch3 style=\"text-align: right;\" class=\"ql-align-right\" data-mce-style=\"text-align: right;\"\u003eالتجاعيد ليست مجرد خطوط، هي نداء استغاثة\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eبشرتك تستغيث لفقدان نضارتها، وكل يوم يمر دون علاج يزيد من عمق المشكلة ويصعب التراجع عنها.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eهل تعلمين أن التجاعيد المبكرة ليست تغييراً طبيعياً فحسب؟ بل هي دليل على تدهور حاجز الترطيب الحيوي في بشرتك. هذه الخطوط ليست مجرد علامات عابرة؛ إنها إنذارات بأن بشرتك بدأت تفقد قدرتها على الاحتفاظ بالرطوبة والمرونة. ومع كل يوم يمر دون ترطيب فعّال، تصبح هذه العلامات أعمق وأكثر صعوبة في المعالجة. تذكّري، التجاعيد تبدأ بالظهور عندما تفتقر البشرة إلى العناية المناسبة؛ وأي نقص في الترطيب يمكن أن يتحول إلى خطوط وتجاعيد لا تختفي بسهولة. امنحي بشرتك القوة التي تحتاجها مع حمض الهيالورونيك، واعيدي إليها حيويتها قبل فوات الأوان.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cbr\u003e\u003cbr\u003e\"لماذا تترك بشرتك تُعاني من العطش؟\"\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eإذا كانت بشرتك تشعر بالجفاف وتفتقر إلى المرونة والنضارة، فإن ذلك لا يُؤثر فقط على مظهرك؛ بل يُضعف كذلك من قدرتها على مواجهة العوامل البيئية والشيخوخة المبكرة. الجفاف ليس مجرد حالة عابرة، بل هو عامل رئيسي يؤدي إلى ظهور الخطوط الدقيقة والبقع الباهتة وفقدان النعومة. هنا يأتي دور سيروم \u003cstrong\u003eحمض الهيالورونيك 2% + B5\u003c\/strong\u003e من \u003cstrong\u003eThe Ordinary\u003c\/strong\u003e؛ فهو ليس مجرد مرطب عادي، بل تركيبة علمية متقدمة تعمل بعمق لإعادة التوازن والترطيب لبشرتك من الداخل والخارج.\u003c\/p\u003e\n\u003ch3\u003eالعِلم وراء الترطيب العميق\u003c\/h3\u003e\n\u003cp\u003eيحتوي السيروم على \u003cstrong\u003e5 أنواع من حمض الهيالورونيك\u003c\/strong\u003e بأوزان جزيئية مختلفة، تسمح له بالوصول إلى طبقات متعددة من البشرة. تتضمن التركيبة أحماض منخفضة ومتوسطة وعالية الجزيئات، بالإضافة إلى \u003cstrong\u003eهيالورونيك أسيد كروس بوليمر\u003c\/strong\u003e و\u003cstrong\u003eهيالورونيك أسيد مُحلَّل\u003c\/strong\u003e. هذا التنوع الجزيئي يُتيح توزيع الرطوبة عبر جميع مستويات الجلد بشكل فعّال، مما يساعد على إعادة ملء المناطق الجافة ودعم مرونة البشرة واستعادة امتلائها.\u003c\/p\u003e\n\u003ch3\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003ch3\u003eالسيراميدات: الحصن الأخير بين بشرتك وعوامل الشيخوخة\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eعندما ينهار حاجز البشرة، تبدأ بشرتك رحلة لا عودة نحو الجفاف وفقدان النضارة\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eبدون حاجز قوي، كل عدو لبشرتك سيغزوها بلا رحمة. \u003c\/strong\u003eالبشرة الطبيعية تحتوي على \u003cstrong\u003eالسيراميدات\u003c\/strong\u003e كجزء أساسي من الحاجز الواقي الذي يحتفظ بالرطوبة ويمنع فقدانها.\u003c\/p\u003e\n\u003cp\u003eعند قدان هذه السيراميدات يؤدي إلى انهيار حاجز البشرة و فقدان الرطوبة و النضارة و تعريض البشرة للعوامل البيئية المسببة للشيخوخة.  بدون هذا الدعم، يتحول الجلد إلى ساحة معركة، حيث تتسارع علامات الإجهاد والتقدم في السن. هل ستترك بشرتك مكشوفة وعرضة للتلف؟\u003c\/p\u003e\n\u003cp\u003eيحتوي السيروم على تركيز عالي من السيراميدات التي ستساعد بشرتك في استعادة درعها الوقائي ويمنع العوامل الضارة من التسلل لطبقات جلدك العميقة. \u003c\/p\u003e\n\u003ch3\u003eبانتينول (بروفيتامين B5): دعم إضافي \u003c\/h3\u003e\n\u003cp\u003eيتوفر في التركيبة أيضًا \u003cstrong\u003eبروفيتامين B5\u003c\/strong\u003e، الذي يُعزز تكوين العناصر الدهنية الأساسية التي تُحافظ على نعومة البشرة وترطيبها. لا يُقدم بانتينول فوائد الترطيب فقط، بل يُساهم في تقوية حاجز البشرة، مما يُقلل من فقدان الرطوبة ويساعد في الحفاظ على نضارة وإشراقة بشرتك بشكل مستمر.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3\u003eكل قطرة تُعيد بناء بشرتك من الداخل\u003c\/h3\u003e\n\u003cp\u003eبفضل هذه التركيبة العلمية المتقدمة، يُحقق السيروم نتائج فورية لترطيب البشرة، ويستمر مفعوله طويل الأمد ليُحافظ على نضارتها وتوهجها الطبيعي. تركيبة خفيفة القوام وجافة الملمس تجعل هذا السيروم خيارًا مثاليًا لجميع أنواع البشرة، خصوصًا لأولئك الذين يبحثون عن ترطيب فعّال دون الشعور باللزوجة.\u003c\/p\u003e\n\u003ch3 style=\"text-align: right;\" class=\"ql-align-right\" data-mce-style=\"text-align: right;\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003cp class=\"ql-align-right\" style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003e\u003cstrong\u003eطريقة الاستخدام :\u003c\/strong\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الحجم : 30 مل\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"the ordinary","offers":[{"title":"Default Title","offer_id":46999289430190,"sku":"INSTA0558CHIQ","price":15.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Untitleddesign_60_5ab46eb2-a2ad-45f4-9da5-a1ffab414767.jpg?v=1788176272"},{"product_id":"مرطب-الجسم-بمستخلص-الفراولة-infinity-naturals","title":"مرطب الجسم بمستخلص الفراولة infinity naturals","description":"يساعد كريم الجسم على تفتيح البشرة ويمنع تلفها.\u003cbr\u003eكما أنه يرطب وينعم البشرة.\u003cbr\u003e","brand":"Infinity naturals","offers":[{"title":"Default Title","offer_id":46999352443054,"sku":null,"price":20.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Untitleddesign-2023-05-05T204334.618.png?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":"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":"the-ordinary-غسول-سكوالين-مزيل-مكياج-منظف-مرطب-50-مل","title":"The ordinary غسول سكوالين | مزيل مكياج | منظف | مرطب 50 مل","description":"\u003cp data-mce-fragment=\"1\" data-sourcepos=\"7:1-7:265\"\u003eبتركيبته الخفيفة الوزن وغير الدهنية، يعمل هذا الغسول على إزالة المكياج والأوساخ بسهولة، مع الحفاظ على حاجز ترطيب بشرتك. يحتوي على السكوالين، وهو مكون مرطب مشتق من النباتات، بالإضافة إلى استرات محبة للدهون ستترك بشرتك تشعر بالنعومة واللطافة.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"9:1-9:170\"\u003eغسول سكوالين ذا أوردينري  خالي من الصابون، مما يجعله لطيفًا بما يكفي للاستخدام اليومي، ومناسبًا لجميع أنواع البشرة، ويمكن دمجه مع منتجات ذا أوردينري الأخرى.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" data-sourcepos=\"11:1-11:43\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eفوائد استخدام غسول سكوالين ذا أوردينري:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-mce-fragment=\"1\" data-sourcepos=\"13:1-21:0\"\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"13:1-13:50\"\u003eينظف البشرة بعمق دون تجريدها من رطوبتها الطبيعية\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"14:1-14:30\"\u003eيزيل المكياج والأوساخ بسهولة\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"15:1-15:29\"\u003eيحافظ على حاجز ترطيب البشرة\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"16:1-16:36\"\u003eيترك البشرة تشعر بالنعومة واللطافة\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"17:1-17:32\"\u003eغير كوميدوجين وخالي من الصابون\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"18:1-18:32\"\u003eلطيف بما يكفي للاستخدام اليومي\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\" data-sourcepos=\"19:1-19:26\"\u003eمناسب لجميع أنواع البشرة\u003c\/li\u003e\n\u003c\/ul\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","brand":"The ordinary","offers":[{"title":"Default Title","offer_id":46999376986286,"sku":null,"price":16.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/rdn-squalane-cleanser-50ml_970b7253-da5f-4ffc-b878-942fa9ad6a35.webp?v=1788175447"},{"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":"cosrx-advanced-snail-96-mucin","title":"COSRX Advanced Snail 96 Mucin Power Essence, 100ml | جيل الحلزون","description":"\u003cdiv id=\"cosrx-snail-dossier\" class=\"cs-ultimate-container\" dir=\"rtl\"\u003e\n \u003cstyle\u003e\n \/* ==========================================================================\n COSRX ADVANCED SNAIL 96 MUCIN POWER ESSENCE - SIMPLIFIED BENEFIT-DRIVEN COPY\n System Fonts Only (Zero External Webfont Imports)\n ========================================================================== *\/\n\n .cs-ultimate-container {\n --cs-bg-base: #050403;\n --cs-bg-surface: #0c0906;\n --cs-bg-card: rgba(18, 14, 10, 0.92);\n --cs-bg-card-hover: rgba(28, 22, 14, 0.98);\n\n \/* ألوان النيون الذهبية والعنبرية المشعة المستوحاة من إفراز الحلزون النقي *\/\n --cs-neon-gold: #ffd24a;\n --cs-amber-accent: #f5c518;\n --cs-neon-mint: #00e5a3;\n --cs-glow-gold: rgba(255, 210, 74, 0.45);\n --cs-glow-mint: rgba(0, 229, 163, 0.4);\n\n --cs-text-pure: #ffffff;\n --cs-border: rgba(245, 197, 24, 0.25);\n --cs-border-hover: rgba(255, 210, 74, 0.85);\n\n background-color: var(--cs-bg-base);\n color: var(--cs-text-pure);\n font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, 'Cairo', 'Tajawal', sans-serif;\n line-height: 1.8;\n width: 100%;\n max-width: 100%;\n position: relative;\n padding: 40px 0;\n border-radius: 24px;\n box-shadow: inset 0 0 120px rgba(245, 197, 24, 0.08);\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n }\n\n .cs-ultimate-container * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .neon-gold {\n color: var(--cs-neon-gold) !important;\n text-shadow: 0 0 10px var(--cs-glow-gold), 0 0 20px var(--cs-glow-gold);\n font-weight: 900;\n }\n\n .neon-mint {\n color: var(--cs-neon-mint) !important;\n text-shadow: 0 0 10px var(--cs-glow-mint), 0 0 20px var(--cs-glow-mint);\n font-weight: 900;\n }\n\n .pure-white {\n color: #ffffff !important;\n font-weight: 600;\n }\n\n \/* احتواء وتوسيط تام لجميع الصور لمنع أي خروج عن حدود الشاشة *\/\n .cs-ultimate-container img {\n width: 100%;\n max-width: 100% !important;\n height: auto !important;\n border-radius: 18px;\n display: block;\n margin-left: auto !important;\n margin-right: auto !important;\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9);\n border: 1px solid rgba(245, 197, 24, 0.25);\n box-sizing: border-box;\n object-fit: contain;\n }\n\n .cs-img-md {\n max-width: 650px !important;\n width: 100%;\n margin-left: auto !important;\n margin-right: auto !important;\n display: block;\n text-align: center;\n }\n\n .cs-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 .cs-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 .cs-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(110px);\n opacity: 0.32;\n animation: csOrbFloat 18s infinite alternate ease-in-out;\n pointer-events: none;\n }\n\n .cs-orb-1 {\n width: 500px; height: 500px;\n background: radial-gradient(circle, rgba(245, 197, 24, 0.22) 0%, transparent 70%);\n top: -100px; right: -120px;\n }\n\n .cs-orb-2 {\n width: 550px; height: 550px;\n background: radial-gradient(circle, rgba(0, 229, 163, 0.16) 0%, transparent 70%);\n bottom: 15%; left: -140px;\n animation-delay: -6s;\n }\n\n @keyframes csOrbFloat {\n 0% { transform: translate(0, 0) scale(1); }\n 100% { transform: translate(40px, 80px) scale(1.15); }\n }\n\n .cs-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(245, 197, 24, 0.45);\n word-wrap: break-word;\n }\n\n .cs-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 .cs-section-title::after {\n content: '';\n display: block;\n width: clamp(80px, 30%, 150px);\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--cs-amber-accent), var(--cs-neon-gold), transparent);\n border-radius: 10px;\n margin: 14px auto 0;\n box-shadow: 0 0 15px var(--cs-glow-gold);\n }\n\n .cs-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: rgba(245, 197, 24, 0.15);\n border: 1.5px solid var(--cs-amber-accent);\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(--cs-glow-gold);\n letter-spacing: 0.5px;\n }\n\n .cs-gold-dot {\n width: 8px; height: 8px;\n background: var(--cs-neon-gold);\n border-radius: 50%;\n box-shadow: 0 0 10px var(--cs-neon-gold);\n display: inline-block;\n }\n\n .cs-sub-text {\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(--cs-amber-accent);\n padding-right: 20px;\n background: linear-gradient(90deg, transparent, rgba(245, 197, 24, 0.08));\n border-radius: 12px 0 0 12px;\n text-align: right;\n }\n\n .cs-art-divider {\n width: 100%;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--cs-amber-accent), var(--cs-neon-gold), var(--cs-amber-accent), transparent);\n margin: 35px 0;\n position: relative;\n box-shadow: 0 0 15px var(--cs-glow-gold);\n }\n\n .cs-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 35px 0;\n width: 100%;\n }\n\n .cs-card {\n background: linear-gradient(145deg, rgba(20, 16, 12, 0.92), rgba(10, 8, 6, 0.98));\n border: 1px solid var(--cs-border);\n border-radius: 18px;\n padding: 26px 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n position: relative;\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 .cs-card:hover {\n transform: translateY(-8px);\n border-color: var(--cs-neon-gold);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--cs-glow-gold);\n background: var(--cs-bg-card-hover);\n }\n\n .cs-icon-wrap {\n width: 52px; height: 52px;\n background: rgba(8, 6, 4, 0.9);\n border: 1.5px solid rgba(245, 197, 24, 0.35);\n border-radius: 14px;\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 16px;\n color: var(--cs-neon-gold);\n transition: transform 0.3s ease, background 0.3s ease;\n box-shadow: 0 0 15px rgba(245, 197, 24, 0.15);\n flex-shrink: 0;\n }\n\n .cs-card:hover .cs-icon-wrap {\n transform: scale(1.1) rotate(-5deg);\n background: var(--cs-amber-accent);\n color: #050403;\n border-color: transparent;\n box-shadow: 0 0 25px var(--cs-neon-gold);\n }\n\n .cs-icon-wrap svg {\n width: 26px; height: 26px;\n }\n\n .cs-card h3 {\n font-size: 1.25rem;\n color: #ffffff;\n margin-bottom: 10px;\n font-weight: 800;\n line-height: 1.4;\n }\n\n .cs-card p {\n color: #ffffff;\n font-size: 1rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-ingredient-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: rgba(245, 197, 24, 0.14);\n border: 1px solid var(--cs-amber-accent);\n color: var(--cs-neon-gold);\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(245, 197, 24, 0.2);\n width: fit-content;\n max-width: 100%;\n white-space: normal;\n word-break: break-word;\n }\n\n .cs-ingredient-tag.mint {\n background: rgba(0, 229, 163, 0.14);\n border-color: var(--cs-neon-mint);\n color: var(--cs-neon-mint);\n box-shadow: 0 0 12px rgba(0, 229, 163, 0.25);\n }\n\n .cs-glass-box {\n background: var(--cs-bg-card);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border: 1px solid var(--cs-border);\n border-radius: 20px;\n padding: 35px 25px;\n margin: 35px auto;\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);\n position: relative;\n max-width: 880px;\n width: 100%;\n }\n\n .cs-glass-box::before {\n content: '';\n position: absolute;\n top: 0; right: 0; width: 4px; height: 100%;\n background: linear-gradient(180deg, var(--cs-amber-accent), var(--cs-neon-gold), var(--cs-neon-mint), transparent);\n }\n\n .cs-glass-box p, \n .cs-glass-box li {\n color: #ffffff;\n font-size: 1.12rem;\n font-weight: 600;\n line-height: 1.85;\n }\n\n .cs-dilemma-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 18px;\n margin-top: 25px;\n width: 100%;\n text-align: right;\n }\n\n .cs-dilemma-card {\n background: rgba(255, 255, 255, 0.04);\n border: 1px solid var(--cs-border);\n border-radius: 16px;\n padding: 22px 18px;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-dilemma-card.conflict {\n border-right: 4.5px solid #ff4444;\n background: linear-gradient(145deg, rgba(35, 10, 12, 0.85), rgba(12, 4, 6, 0.95));\n }\n\n .cs-dilemma-card.harmony {\n border-right: 4.5px solid var(--cs-neon-gold);\n background: linear-gradient(145deg, rgba(28, 22, 12, 0.85), rgba(12, 10, 6, 0.95));\n }\n\n .cs-dilemma-card h4 {\n font-size: 1.15rem;\n font-weight: 800;\n margin-bottom: 10px;\n line-height: 1.4;\n }\n\n .cs-dilemma-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-spa-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 18px;\n margin-top: 25px;\n width: 100%;\n text-align: right;\n }\n\n .cs-spa-card {\n background: linear-gradient(145deg, rgba(24, 18, 12, 0.9), rgba(10, 8, 6, 0.98));\n border: 1px solid var(--cs-border);\n border-right: 4.5px solid var(--cs-amber-accent);\n border-radius: 16px;\n padding: 22px 18px;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-spa-card:hover {\n transform: translateY(-5px);\n border-right-color: var(--cs-neon-gold);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.8), 0 0 20px rgba(245, 197, 24, 0.2);\n }\n\n .cs-spa-card h4 {\n font-size: 1.15rem;\n font-weight: 800;\n margin-bottom: 8px;\n line-height: 1.4;\n }\n\n .cs-spa-card p {\n color: #ffffff;\n font-size: 0.96rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-science-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 .cs-science-card {\n background: linear-gradient(145deg, rgba(20, 16, 12, 0.94), rgba(10, 8, 6, 0.98));\n border: 1px solid var(--cs-border);\n border-radius: 18px;\n padding: 26px 20px;\n text-align: right;\n transition: all 0.4s ease;\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n min-width: 0;\n }\n\n .cs-science-card:hover {\n transform: translateY(-8px);\n border-color: var(--cs-neon-gold);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--cs-glow-gold);\n background: var(--cs-bg-card-hover);\n }\n\n .cs-science-card h4 {\n font-size: 1.3rem;\n color: #ffffff;\n font-weight: 900;\n margin-bottom: 6px;\n }\n\n .cs-science-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.7;\n font-weight: 500;\n margin-bottom: 14px;\n }\n\n .cs-science-card ul {\n list-style: none;\n padding: 0;\n }\n\n .cs-science-card li {\n position: relative;\n padding-right: 20px;\n margin-bottom: 8px;\n color: #ffffff;\n font-size: 0.95rem;\n line-height: 1.6;\n font-weight: 500;\n }\n\n .cs-science-card li::before {\n content: '✓';\n position: absolute;\n right: 0; top: 0;\n color: var(--cs-neon-gold);\n font-weight: 900;\n }\n\n .cs-stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));\n gap: 18px;\n margin: 35px 0;\n width: 100%;\n }\n\n .cs-stat-box {\n background: rgba(18, 14, 10, 0.9);\n border: 1.5px solid var(--cs-border);\n border-radius: 18px;\n padding: 24px 16px;\n text-align: center;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-stat-box:hover {\n border-color: var(--cs-neon-gold);\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);\n }\n\n .cs-stat-num {\n font-size: clamp(32px, 5vw, 48px);\n font-weight: 900;\n line-height: 1;\n margin-bottom: 8px;\n direction: ltr;\n }\n\n .cs-stat-title {\n color: #ffffff;\n font-size: 1.08rem;\n font-weight: 800;\n margin-bottom: 4px;\n }\n\n .cs-stat-desc {\n color: #ffffff;\n font-size: 0.85rem;\n opacity: 0.95;\n line-height: 1.5;\n }\n\n .cs-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 .cs-timeline-card {\n background: rgba(18, 14, 10, 0.88);\n border: 1px solid var(--cs-border);\n border-top: 4px solid var(--cs-neon-gold);\n border-radius: 16px;\n padding: 22px 16px;\n text-align: right;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-timeline-card:hover {\n transform: translateY(-6px);\n border-top-color: var(--cs-neon-mint);\n background: rgba(28, 22, 14, 0.95);\n }\n\n .cs-timeline-badge {\n display: inline-block;\n background: rgba(245, 197, 24, 0.14);\n color: var(--cs-neon-gold);\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(--cs-border);\n white-space: nowrap;\n }\n\n .cs-timeline-card p {\n color: #ffffff;\n font-size: 0.95rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-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 .cs-value-card {\n background: linear-gradient(145deg, rgba(20, 16, 12, 0.9), rgba(10, 8, 6, 0.98));\n border: 1px solid var(--cs-border);\n border-radius: 18px;\n padding: 26px 18px;\n text-align: right;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-value-card:hover {\n border-color: var(--cs-neon-gold);\n transform: translateY(-5px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.7);\n }\n\n .cs-value-num {\n width: 44px; height: 44px;\n background: rgba(245, 197, 24, 0.15);\n border: 1.5px solid var(--cs-amber-accent);\n border-radius: 12px;\n display: flex; align-items: center; justify-content: center;\n font-size: 1.2rem; font-weight: 900;\n color: var(--cs-neon-gold);\n margin-bottom: 14px;\n }\n\n .cs-value-card h3 {\n font-size: 1.2rem;\n font-weight: 900;\n margin-bottom: 8px;\n color: #ffffff;\n }\n\n .cs-value-card p {\n color: #ffffff;\n font-size: 0.98rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-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 .cs-step-card {\n background: rgba(18, 14, 10, 0.85);\n border: 1.5px dashed var(--cs-border);\n padding: 24px 16px;\n border-radius: 16px;\n text-align: center;\n transition: all 0.3s ease;\n min-width: 0;\n }\n\n .cs-step-card:hover {\n border-color: var(--cs-neon-gold);\n transform: translateY(-5px);\n background: rgba(28, 22, 14, 0.95);\n }\n\n .cs-step-num {\n width: 44px; height: 44px;\n background: linear-gradient(135deg, #2b220e, #0c0a06);\n border: 2px solid var(--cs-amber-accent);\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 1.3rem; font-weight: 900;\n color: var(--cs-neon-gold);\n margin: 0 auto 14px;\n box-shadow: 0 0 15px var(--cs-glow-gold);\n }\n\n .cs-step-card h4 {\n color: var(--cs-neon-gold);\n font-size: 1.2rem;\n font-weight: 800;\n margin-bottom: 8px;\n }\n\n .cs-step-card p {\n color: #ffffff;\n font-size: 0.95rem;\n line-height: 1.7;\n font-weight: 500;\n }\n\n .cs-gold-btn {\n display: inline-block;\n background: linear-gradient(135deg, var(--cs-amber-accent), #ffe680, var(--cs-amber-accent));\n color: #000000 !important;\n padding: 16px 48px;\n border-radius: 40px;\n text-decoration: none;\n font-weight: 900;\n font-size: 1.25rem;\n box-shadow: 0 8px 30px rgba(245, 197, 24, 0.35);\n transition: all 0.3s ease;\n border: none;\n cursor: pointer;\n margin-top: 25px;\n }\n\n .cs-gold-btn:hover {\n transform: scale(1.05);\n box-shadow: 0 12px 40px rgba(255, 210, 74, 0.6);\n background: linear-gradient(135deg, #ffffff, var(--cs-neon-gold));\n }\n\n .cs-reveal {\n opacity: 0;\n transform: translateY(35px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .cs-reveal.cs-active {\n opacity: 1;\n transform: translateY(0);\n }\n\n .cs-delay-1 { transition-delay: 0.12s; }\n .cs-delay-2 { transition-delay: 0.24s; }\n\n @media (max-width: 768px) {\n .cs-ultimate-container { padding: 25px 0; }\n .cs-container { padding: 0 14px !important; }\n .cs-glass-box { padding: 22px 14px !important; }\n .cs-img-md { max-width: 100% !important; }\n\n .cs-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 .cs-benefits-grid .cs-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-benefits-grid .cs-icon-wrap {\n width: 38px !important;\n height: 38px !important;\n margin-bottom: 10px !important;\n border-radius: 10px !important;\n }\n\n .cs-benefits-grid .cs-icon-wrap svg {\n width: 20px !important;\n height: 20px !important;\n }\n\n .cs-benefits-grid .cs-card h3 {\n font-size: 0.92rem !important;\n margin-bottom: 6px !important;\n line-height: 1.3 !important;\n }\n\n .cs-benefits-grid .cs-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 .cs-benefits-grid .cs-card p {\n font-size: 0.8rem !important;\n line-height: 1.5 !important;\n }\n\n .cs-dilemma-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-spa-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-spa-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-spa-card h4 {\n font-size: 0.92rem !important;\n margin-bottom: 6px !important;\n line-height: 1.35 !important;\n }\n\n .cs-spa-card p {\n font-size: 0.78rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-dilemma-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-dilemma-card h4 {\n font-size: 0.95rem !important;\n margin-bottom: 6px !important;\n }\n\n .cs-dilemma-card p {\n font-size: 0.78rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-science-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-science-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-science-card h4 {\n font-size: 0.95rem !important;\n margin-bottom: 2px !important;\n }\n\n .cs-science-card p {\n font-size: 0.78rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-science-card li {\n font-size: 0.74rem !important;\n padding-right: 16px !important;\n }\n\n .cs-stats-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-stat-box:last-child {\n grid-column: span 2 !important;\n }\n\n .cs-stat-box {\n padding: 16px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-stat-num {\n font-size: 30px !important;\n }\n\n .cs-stat-title {\n font-size: 0.85rem !important;\n }\n\n .cs-timeline-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-timeline-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-timeline-badge {\n font-size: 0.75rem !important;\n padding: 3px 8px !important;\n margin-bottom: 8px !important;\n }\n\n .cs-timeline-card p {\n font-size: 0.8rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-value-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-value-card:last-child {\n grid-column: span 2 !important;\n }\n\n .cs-value-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-value-num {\n width: 36px !important;\n height: 36px !important;\n font-size: 1rem !important;\n margin-bottom: 8px !important;\n }\n\n .cs-value-card h3 {\n font-size: 0.95rem !important;\n margin-bottom: 4px !important;\n }\n\n .cs-value-card p {\n font-size: 0.8rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-steps-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 10px !important;\n }\n\n .cs-step-card:last-child {\n grid-column: span 2 !important;\n }\n\n .cs-step-card {\n padding: 14px 10px !important;\n border-radius: 14px !important;\n }\n\n .cs-step-num {\n width: 38px !important;\n height: 38px !important;\n font-size: 1.1rem !important;\n margin-bottom: 8px !important;\n }\n\n .cs-step-card h4 {\n font-size: 0.95rem !important;\n margin-bottom: 4px !important;\n }\n\n .cs-step-card p {\n font-size: 0.8rem !important;\n line-height: 1.45 !important;\n }\n\n .cs-title-glow { font-size: 24px; }\n .cs-section-title { font-size: 20px; }\n }\n \u003c\/style\u003e\n\n \u003c!-- جزيئات الإضاءة العائمة --\u003e\n \u003cdiv class=\"cs-ambient-bg\"\u003e\n \u003cdiv class=\"cs-orb cs-orb-1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cs-orb cs-orb-2\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-container\"\u003e\n\n \u003c!-- 1. Hero Section --\u003e\n \u003cheader class=\"cs-reveal cs-active\" style=\"text-align: center; padding: 20px 0 35px;\"\u003e\n \u003cdiv class=\"cs-badge\"\u003e\n \u003cspan class=\"cs-gold-dot\"\u003e\u003c\/span\u003e السيروم المعجزة رقم 1 عالمياً لتجديد البشرة\n \u003c\/div\u003e\n \u003ch2 style=\"font-size: 1.25rem; color: var(--cs-amber-accent); margin-bottom: 12px; font-weight: 800;\"\u003eسر البشرة الصافية زي الإزاز وعلاج آثار الحبوب اللي مجنن العالم\u003c\/h2\u003e\n \u003ch1 class=\"cs-title-glow\"\u003eCOSRX Advanced Snail 96 Mucin Power Essence\u003c\/h1\u003e\n \n \u003cp class=\"cs-sub-text pure-white\"\u003e\n تخيلي منتج واحد بيعالج الجفاف، بيمحي آثار الحبوب، وبيرجعلك نضارة وشك من أول استخدام! بفضل تركيز \u003cstrong class=\"neon-gold\"\u003e96.3% من خلاصة الحلزون النقية\u003c\/strong\u003e، بشرتك هتشرب الترطيب وتتجدد من جواها بدون أي ملمس دهني أو تلزيق.\n \u003c\/p\u003e\n\n \u003c!-- Hero Product Image --\u003e\n \u003cdiv class=\"cs-img-md\" style=\"margin: 0 auto 35px auto;\"\u003e\n \u003cimg src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/corsx_advanced_music_snail_power_essence_3_eb53c868-f156-48b5-ad8f-5032a08bfec7.png\" alt=\"COSRX Advanced Snail 96 Mucin Power Essence\"\u003e\n \u003c\/div\u003e\n\n \u003ca href=\"#cs-buy\" class=\"cs-gold-btn\" onclick=\"document.getElementById('cs-buy').scrollIntoView({behavior: 'smooth'}); return false;\"\u003eابدأي رحلة نضارة بشرتك دلوقتي\u003c\/a\u003e\n \u003c\/header\u003e\n\n \u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- 1.5. Fun Fact Hook: Global Luxury Snail Spas --\u003e\n \u003csection class=\"cs-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n \u003cdiv class=\"cs-badge\" style=\"border-color: var(--cs-neon-mint); background: rgba(0, 229, 163, 0.12);\"\u003e\n \u003cspan class=\"cs-gold-dot\" style=\"background: var(--cs-neon-mint); box-shadow: 0 0 10px var(--cs-neon-mint);\"\u003e\u003c\/span\u003e معلومة تجميلية مش الكل يعرفها\n \u003c\/div\u003e\n \u003ch2 class=\"cs-section-title\" style=\"margin-top: 10px;\"\u003eليه أغلى صالونات التجميل في العالم بيستخدموا الحلزون؟\u003c\/h2\u003e\n \u003cp class=\"neon-gold\" style=\"font-size: 1.25rem; font-weight: 800; margin-bottom: 20px;\"\u003eتعالي أقولك ليه الأثرياء بيدفعوا مئات الدولارات في الجلسة الواحدة..\u003c\/p\u003e\n\n \u003cdiv class=\"cs-glass-box\" style=\"text-align: right;\"\u003e\n \u003cp class=\"pure-white\" style=\"font-size: 1.15rem; line-height: 1.85; margin-bottom: 20px;\"\u003e\n في أشهر مراكز التجميل الفاخرة حول العالم، لاحظوا إن عمال مزارع الحلزون إيديهم ناعمة جداً وخالية تماماً من التجاعيد والجروح بتلم عندهم بسرعة غريبة! ومن هنا بدأت جلسات علاج البشرة بالحلزون..\n \u003c\/p\u003e\n\n \u003cdiv class=\"cs-spa-grid\"\u003e\n \u003cdiv class=\"cs-spa-card\"\u003e\n \u003ch4 class=\"neon-gold\"\u003eسر النضارة الفورية\u003c\/h4\u003e\n \u003cp\u003eإفرازات الحلزون بتعالج تلف الجلد بسرعة جداً، وبترجعله المرونة واللمعان الطبيعي اللي بتشوفيه في بشرة المشاهير.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-spa-card\" style=\"border-right-color: var(--cs-neon-mint);\"\u003e\n \u003ch4 class=\"neon-mint\"\u003eبديل طبيعي للكولاجين\u003c\/h4\u003e\n \u003cp\u003eالإفراز ده مليان فيتامينات ومواد بتشد الوش وتقلل التجاعيد والخطوط الرفيعة كأنك عملتي فلتر طبيعي.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-spa-card\" style=\"border-right-color: var(--cs-neon-gold);\"\u003e\n \u003ch4 class=\"neon-gold\"\u003eبيعالج نفسه بنفسه\u003c\/h4\u003e\n \u003cp\u003eالحلزون بيفرز المادة دي عشان يعالج جروحه في دقايق.. فتخيلي المادة دي هتعمل إيه في آثار الحبوب والندبات اللي في وشك!\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-spa-card\" style=\"border-right-color: var(--cs-neon-mint);\"\u003e\n \u003ch4 class=\"neon-mint\"\u003eكوزركس جابتلك السبا لحد عندك\u003c\/h4\u003e\n \u003cp\u003eبدل ما تدفعي ألوفات في جلسة، كوزركس حطتلك الخلاصة النقية والمعقمة في إزازة تستخدميها كل يوم في بيتك.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- 2. The Problem: The Barrier \u0026 Aging Dilemma Grid --\u003e\n \u003csection class=\"cs-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n \u003ch2 class=\"cs-section-title\"\u003eليه المرطبات العادية مش بتجيب نتيجة معاكي؟\u003c\/h2\u003e\n \n \u003cdiv class=\"cs-glass-box\"\u003e\n \u003cp class=\"pure-white\" style=\"font-size: 1.2rem; line-height: 1.85; margin-bottom: 20px; text-align: right;\"\u003e\n المرطبات العادية بتقعد على وش الجلد من بره، لكن لما بشرتك تكون مجهدة وفيها آثار حبوب، إنتي محتاجة \u003cstrong class=\"neon-gold\"\u003eتغذية قوية تدخل لأعماق الجلد\u003c\/strong\u003e:\n \u003c\/p\u003e\n\n \u003cdiv class=\"cs-dilemma-grid\"\u003e\n \u003cdiv class=\"cs-dilemma-card conflict\"\u003e\n \u003ch4 style=\"color: #ff5555;\"\u003eالمرطبات التقليدية\u003c\/h4\u003e\n \u003cp\u003eبترطب من بره بس، وممكن تسد المسام وتطلع حبوب، وأول ما تغسلي وشك بيرجع الجفاف تاني كأنك معملتيش حاجة.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-dilemma-card harmony\"\u003e\n \u003ch4 class=\"neon-gold\"\u003eإيسنس الحلزون 96%\u003c\/h4\u003e\n \u003cp\u003eبيدخل جوا طبقات الجلد في ثواني، بيعالج الجفاف من جدره، وبيملى الخطوط ويرمم الجلد التالف عشان يديكي نضارة حقيقية بتدوم.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- 3. Comprehensive Benefits Grid --\u003e\n \u003csection class=\"cs-reveal\"\u003e\n \u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n \u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eالفوائد الحيوية المباشرة للمنتج\u003c\/h3\u003e\n \u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eقطرات الإيسنس هتعمل إيه في بشرتك؟\u003c\/h2\u003e\n \u003cp class=\"pure-white\" style=\"font-size: 1.15rem; max-width: 820px; margin: 0 auto;\"\u003e\n كل نتيجة بتشوفيها في المراية وراها مكون طبيعي قوي وفعال:\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-benefits-grid\"\u003e\n \u003c!-- Benefit 1 --\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003cdiv class=\"cs-icon-wrap\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\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 class=\"neon-gold\"\u003eبيمسح آثار الحبوب والندبات\u003c\/h3\u003e\n \u003cdiv class=\"cs-ingredient-tag\"\u003eخلاصة الحلزون 96.3%\u003c\/div\u003e\n \u003cp\u003eعلاج سريع لحفر وآثار الحبوب القديمة عشان يرجع وشك صافي وملمسه ناعم ومفيهوش أي عيوب.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefit 2 --\u003e\n \u003cdiv class=\"cs-card cs-delay-1\"\u003e\n \u003cdiv class=\"cs-icon-wrap\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"neon-gold\"\u003eنفخ وترطيب فوري للوش\u003c\/h3\u003e\n \u003cdiv class=\"cs-ingredient-tag\"\u003eهيالورونيك أسيد نقي\u003c\/div\u003e\n \u003cp\u003eبيسحب المية لداخل الجلد عشان يملى الخطوط الرفيعة ويديكي مظهر مليان وصحي ومروي طول اليوم.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefit 3 --\u003e\n \u003cdiv class=\"cs-card cs-delay-2\"\u003e\n \u003cdiv class=\"cs-icon-wrap\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003cpath d=\"M12 2a9 9 0 0 1 9 9c0 4.97-4.03 9-9 9A9 9 0 0 1 3 11a9 9 0 0 1 9-9z\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 22V12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"neon-mint\"\u003eبيهدي الاحمرار والالتهاب\u003c\/h3\u003e\n \u003cdiv class=\"cs-ingredient-tag mint\"\u003eبانثينول مهدئ\u003c\/div\u003e\n \u003cp\u003eلو بشرتك حساسة أو ملتهبة من الشمس أو الحبوب، هيهديها ويطفي أي احمرار أو حكة في دقايق معدودة.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefit 4 --\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003cdiv class=\"cs-icon-wrap\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpolyline points=\"12 6 12 12 16 14\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"neon-gold\"\u003eبيشد الجلد ويمنع التجاعيد\u003c\/h3\u003e\n \u003cdiv class=\"cs-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=\"cs-card cs-delay-1\"\u003e\n \u003cdiv class=\"cs-icon-wrap\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\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 class=\"neon-mint\"\u003eتفتيح وتوحيد لون الوش\u003c\/h3\u003e\n \u003cdiv class=\"cs-ingredient-tag mint\"\u003eتجديد طبيعي للخلايا\u003c\/div\u003e\n \u003cp\u003eبيشيل البهتان ويقشر الخلايا الميتة بلطف جداً عشان وشك ينور ويرجعله لونه الطبيعي الموحد.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Benefit 6 --\u003e\n \u003cdiv class=\"cs-card cs-delay-2\"\u003e\n \u003cdiv class=\"cs-icon-wrap\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\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 class=\"neon-gold\"\u003eتغذية عميقة للمسام\u003c\/h3\u003e\n \u003cdiv class=\"cs-ingredient-tag\"\u003eفيتامينات مغذية\u003c\/div\u003e\n \u003cp\u003eبيوصل الفيتامينات لأعمق طبقات الجلد عشان يفضل صحي ومقاوم للمشاكل والحبوب الجديدة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- 4. Simplified Science Section --\u003e\n \u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n \u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n \u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eالسر وراء المنتج\u003c\/h3\u003e\n \u003ch2 class=\"cs-title-glow\" style=\"font-size: clamp(24px, 4.2vw, 36px);\"\u003eإزاي الإيسنس ده بيعالج بشرتك؟\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003c!-- Science Visual Image --\u003e\n \u003cdiv class=\"cs-img-md\" style=\"margin: 0 auto 35px auto;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_mucin_snail_treatment.webp\" alt=\"Science behind COSRX Snail Mucin\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-science-grid\"\u003e\n \u003c!-- BIO 01 --\u003e\n \u003cdiv class=\"cs-science-card\"\u003e\n \u003cdiv\u003e\n \u003ch4 class=\"neon-gold\"\u003e1. تجديد الخلايا التالفة\u003c\/h4\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 \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BIO 02 --\u003e\n \u003cdiv class=\"cs-science-card cs-delay-1\"\u003e\n \u003cdiv\u003e\n \u003ch4 class=\"neon-mint\"\u003e2. ترطيب مبيتبخرش\u003c\/h4\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 \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- 5. Clinical Numerical Results Grid --\u003e\n \u003csection class=\"cs-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eالنتائج بالأرقام\u003c\/h3\u003e\n \u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eأرقام حقيقية من تجارب البنات حول العالم\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-stats-grid\"\u003e\n \u003cdiv class=\"cs-stat-box\"\u003e\n \u003cdiv class=\"cs-stat-num neon-mint\"\u003e+74%\u003c\/div\u003e\n \u003cdiv class=\"cs-stat-title\"\u003eترطيب فوري ونعومة\u003c\/div\u003e\n \u003cdiv class=\"cs-stat-desc\"\u003eمن أول لمسة على بشرتك\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-stat-box\" style=\"border-color: var(--cs-amber-accent);\"\u003e\n \u003cdiv class=\"cs-stat-num neon-gold\"\u003e-68%\u003c\/div\u003e\n \u003cdiv class=\"cs-stat-title\"\u003eتراجع في آثار الحبوب\u003c\/div\u003e\n \u003cdiv class=\"cs-stat-desc\"\u003eبعد 4 أسابيع من الاستخدام\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-stat-box\"\u003e\n \u003cdiv class=\"cs-stat-num neon-gold\"\u003e+82%\u003c\/div\u003e\n \u003cdiv class=\"cs-stat-title\"\u003eتقوية لحاجز البشرة\u003c\/div\u003e\n \u003cdiv class=\"cs-stat-desc\"\u003eحماية أقوى ضد الحبوب الجديدة\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-stat-box\" style=\"border-color: var(--cs-neon-gold);\"\u003e\n \u003cdiv class=\"cs-stat-num neon-gold\"\u003e96.3%\u003c\/div\u003e\n \u003cdiv class=\"cs-stat-title\"\u003eنسبة النقاء الطبيعي\u003c\/div\u003e\n \u003cdiv class=\"cs-stat-desc\"\u003eأعلى نسبة لخلاصة الحلزون عالمياً\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-stat-box\"\u003e\n \u003cdiv class=\"cs-stat-num neon-gold\"\u003e4.8 \/ 5\u003c\/div\u003e\n \u003cdiv class=\"cs-stat-title\"\u003eتقييم ممتاز\u003c\/div\u003e\n \u003cdiv class=\"cs-stat-desc\"\u003eبملايين التجارب الحقيقية\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- 6. Timeline Transformation Grid --\u003e\n \u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n \u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n \u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eرحلة التغيير\u003c\/h3\u003e\n \u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eإيه اللي هيحصل لبشرتك بعد ما تستخدميه؟\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-timeline-grid\"\u003e\n \u003cdiv class=\"cs-timeline-card\"\u003e\n \u003cdiv class=\"cs-timeline-badge\"\u003eمن أول استخدام\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=\"cs-timeline-card\" style=\"border-top-color: var(--cs-neon-mint);\"\u003e\n \u003cdiv class=\"cs-timeline-badge\" style=\"color: var(--cs-neon-mint); border-color: var(--cs-neon-mint);\"\u003eالأسبوع الأول\u003c\/div\u003e\n \u003ch4 class=\"neon-mint\" 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=\"cs-timeline-card\" style=\"border-top-color: var(--cs-amber-accent);\"\u003e\n \u003cdiv class=\"cs-timeline-badge\" style=\"color: var(--cs-amber-accent); border-color: var(--cs-amber-accent);\"\u003eالأسبوع الثالث\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=\"cs-timeline-card\" style=\"border-top-color: var(--cs-neon-gold);\"\u003e\n \u003cdiv class=\"cs-timeline-badge\"\u003eالشهر الثاني وطالع\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 \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- 7. Value Proposition Grid --\u003e\n \u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n \u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n \u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eأوفر وأذكى اختيار لجمالك\u003c\/h3\u003e\n \u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eتوفير ومفعول أكيد هيغنيكي عن منتجات كتير\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003c!-- Value Image --\u003e\n \u003cdiv class=\"cs-img-md\" style=\"margin: 0 auto 30px auto;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_mucin_96.webp\" alt=\"COSRX Snail Mucin Value\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-value-grid\"\u003e\n \u003cdiv class=\"cs-value-card\"\u003e\n \u003cdiv class=\"cs-value-num\"\u003e100\u003c\/div\u003e\n \u003ch3 class=\"neon-gold\"\u003eحجم كبير هيقعد معاكي شهور\u003c\/h3\u003e\n \u003cp\u003eالعبوة 100 مل بتكفيكي من 3 لـ 5 شهور استخدام يومي.. نقطتين بس بيكفوا الوش والرقبة بالكامل.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-value-card\" style=\"border-color: var(--cs-neon-gold);\"\u003e\n \u003cdiv class=\"cs-value-num\" style=\"color: var(--cs-neon-gold); border-color: var(--cs-neon-gold);\"\u003e2in1\u003c\/div\u003e\n \u003ch3 class=\"neon-gold\"\u003eبيوفرلك فلوسك ووقتك\u003c\/h3\u003e\n \u003cp\u003eبيغنيكي عن شراء سيروم للترطيب وسيروم تاني لعلاج الحبوب.. الاتنين في قزازة واحدة قوية جداً.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-value-card\" style=\"border-color: var(--cs-neon-mint);\"\u003e\n \u003cdiv class=\"cs-value-num\" style=\"color: var(--cs-neon-mint); border-color: var(--cs-neon-mint);\"\u003e100%\u003c\/div\u003e\n \u003ch3 class=\"neon-mint\"\u003eطبيعي وآمن جداً\u003c\/h3\u003e\n \u003cp\u003eبدون روائح مزعجة أو كحول ينشف وشك، وبيتم استخلاصه بدون أي أذى للحلزونات، ومناسب للبشرة الحساسة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- 8. Usage Protocol Grid --\u003e\n \u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n \u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n \u003ch2 class=\"cs-section-title\"\u003eطريقة الاستخدام لنتيجة سريعة\u003c\/h2\u003e\n \u003cp class=\"neon-gold\" style=\"font-size: 1.2rem; font-weight: 800;\"\u003eخطوات بسيطة عشان بشرتك تستفاد بكل قطرة\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-steps-grid\"\u003e\n \u003cdiv class=\"cs-step-card\"\u003e\n \u003cdiv class=\"cs-step-num\"\u003e01\u003c\/div\u003e\n \u003ch4\u003eالغسول والتونر\u003c\/h4\u003e\n \u003cp\u003eاغسلي وشك وحطي تونر، وخلي بشرتك منداية شوية عشان الإيسنس يمتص أحسن وأسرع.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-step-card\"\u003e\n \u003cdiv class=\"cs-step-num\"\u003e02\u003c\/div\u003e\n \u003ch4\u003eنقطتين بس\u003c\/h4\u003e\n \u003cp\u003eحطي ضغطة أو اتنين بالكتير على إيدك، ووزعيهم بلطف على وشك ورقبتك.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cs-step-card\"\u003e\n \u003cdiv class=\"cs-step-num\"\u003e03\u003c\/div\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=\"cs-glass-box\" style=\"margin-top: 30px; text-align: center;\"\u003e\n \u003ch4 class=\"neon-gold\" style=\"font-size: 1.25rem; font-weight: 900; margin-bottom: 12px;\"\u003eنصيحة الخبراء للنتيجة السحرية:\u003c\/h4\u003e\n \u003cp class=\"pure-white\" style=\"margin: 0; line-height: 1.85;\"\u003e\n \u003cstrong class=\"neon-mint\"\u003eالسر في المية!\u003c\/strong\u003e حطيه دايماً وبشرتك منداية شوية، بلاش على وش ناشف تماماً. ده بيخلي الهيالورونيك وخلاصة الحلزون يسحبوا المية لعمق خلاياكِ وبيضاعفوا الترطيب والنضارة بشكل مش هتصدقيه!\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\n \u003c!-- 9. Technical INCI List --\u003e\n \u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n \u003cdiv class=\"cs-glass-box\" style=\"direction: ltr; text-align: left; word-break: break-word;\"\u003e\n \u003ch3 style=\"color: var(--cs-amber-accent); margin-bottom: 14px; font-size: 1.2rem; direction: rtl; text-align: right; font-weight: 800;\"\u003e\n قائمة المكونات (INCI)\n \u003c\/h3\u003e\n \u003cp style=\"font-family: monospace; font-size: 0.9rem; line-height: 1.8; color: #ffffff;\"\u003e\n \u003cstrong class=\"neon-gold\"\u003eSnail Secretion Filtrate (96.3%)\u003c\/strong\u003e, Betaine, Butylene Glycol, 1,2-Hexanediol, \u003cstrong class=\"neon-gold\"\u003eSodium Hyaluronate (1,000 ppm)\u003c\/strong\u003e, Panthenol, \u003cstrong class=\"neon-mint\"\u003eAllantoin\u003c\/strong\u003e, Phenoxyethanol, Ethyl Hexanediol, Carbomer, \u003cstrong class=\"neon-gold\"\u003eArginine\u003c\/strong\u003e.\n \u003c\/p\u003e\n \u003cdiv style=\"margin-top: 14px; text-align: right; direction: rtl;\"\u003e\n \u003cp style=\"color: #ffffff; font-size: 0.9rem; font-weight: 600;\"\u003e\n * تركيبة نقية بنسبة 100% خالية تماماً من العطور الصناعية، الكحول القاسي، البارابين، والزيوت المعدنية. مناسب لكل أنواع البشرة حتى الحساسة والمعرضة لحب الشباب.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- 10. Final High-Converting CTA --\u003e\n \u003csection class=\"cs-reveal\" id=\"cs-buy\" style=\"text-align: center; margin-top: 55px; padding: 50px 20px; background: linear-gradient(180deg, rgba(20, 16, 12, 0.95) 0%, rgba(6, 4, 3, 0.98) 100%); border-radius: 24px; border: 2px solid var(--cs-amber-accent); box-shadow: 0 20px 60px rgba(245, 197, 24, 0.25);\"\u003e\n \u003cp class=\"neon-gold\" style=\"font-size: 1.25rem; font-weight: 900; margin-bottom: 12px; letter-spacing: 0.5px;\"\u003eاطلبي الإيسنس الأصلي دلوقتي\u003c\/p\u003e\n \u003ch2 class=\"cs-title-glow\" style=\"font-size: clamp(24px, 4.5vw, 36px); margin-bottom: 20px;\"\u003e\n ادي بشرتك فرصة تتجدد بجد وتنور من تاني\n \u003c\/h2\u003e\n \n \u003cdiv class=\"cs-img-md\" style=\"margin: 25px auto;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/corsx_advanced_music_snail_power_essence_3.jpg\" alt=\"COSRX Advanced Snail 96 Mucin Power Essence\"\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"pure-white\" style=\"font-size: 1.25rem; max-width: 800px; margin: 0 auto 30px; line-height: 1.85;\"\u003e\n بدل ما تضيعي فلوسك على كريمات ترطيب سطحية وتسيب الندبات والجفاف زي ما هما، جربي قوة خلاصة الحلزون النقية اللي غيرت شكل بشرة ملايين البنات حول العالم.\n \u003c\/p\u003e\n\n \u003ca href=\"#\" class=\"cs-gold-btn\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'}); return false;\"\u003eاطلبيه دلوقتي وابدأي الروتين\u003c\/a\u003e\n \u003c\/section\u003e\n\n \u003c\/div\u003e\n\n \u003c!-- كود الأنيميشن عند التمرير --\u003e\n \u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const reveals = document.querySelectorAll('.cs-reveal');\n \n const observerOptions = {\n root: null,\n threshold: 0.08,\n rootMargin: \"0px 0px -40px 0px\"\n };\n\n const scrollObserver = new IntersectionObserver(function(entries, observer) {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('cs-active');\n observer.unobserve(entry.target); \n }\n });\n }, observerOptions);\n\n reveals.forEach(el =\u003e {\n scrollObserver.observe(el);\n });\n });\n \u003c\/script\u003e\n\u003c\/div\u003e\n```eof\n","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999388061870,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx_snail_mucin_egypt_9f64243e-d68b-48dc-ab45-cd28c4d04562.jpg?v=1788175411"},{"product_id":"cosrx-hyaluronic3","title":"Cosrx حمض الهياليرونيك 3% | السيراميدات | عوامل الترطيب الطبيعية | مرطب للبشرة | حشو التجاعيد","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 direction: rtl;\n }\n\n \/* Typography *\/\n .product-description h2, \n .product-description h3 {\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: 1.9rem;\n text-align: right;\n }\n\n .product-description h3 {\n font-size: 1.6rem;\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 p {\n font-size: 1.1rem;\n margin-bottom: 1.2em;\n text-align: justify;\n }\n\n .product-description strong {\n color: #9C8102;\n }\n\n .product-description ul {\n padding-right: 20px;\n margin: 1.5em 0;\n }\n\n .product-description li {\n margin-bottom: 0.8em;\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 border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\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 border-right: 4px solid #9C8102;\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 .feature-title {\n color: #9C8102;\n font-weight: bold;\n margin-bottom: 10px;\n font-size: 1.2rem;\n }\n\n \/* Info blocks *\/\n .info-block {\n background: #fcfcfc;\n padding: 30px;\n border-radius: 15px;\n margin: 2em 0;\n border-right: 4px solid #ebebeb;\n transition: transform 0.3s ease;\n }\n\n .info-block:hover {\n transform: translateX(-5px);\n }\n\n .info-title {\n color: #9C8102;\n margin-bottom: 15px;\n font-weight: bold;\n font-size: 1.3rem;\n }\n\n \/* Highlight block *\/\n .highlight-block {\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 text-align: center;\n }\n\n .highlight-title {\n font-size: 1.8rem;\n color: #9C8102;\n margin-bottom: 15px;\n }\n\n \/* Illustration *\/\n .penetration-chart {\n width: 100%;\n height: 250px;\n background: white;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n padding: 20px;\n margin: 30px 0;\n position: relative;\n }\n\n .skin-layers {\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n\n .skin-layer {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: bold;\n position: relative;\n }\n\n .epidermis {\n background: linear-gradient(to bottom, #f7d6c3, #e6c3b0);\n border-radius: 8px 8px 0 0;\n }\n\n .dermis {\n background: linear-gradient(to bottom, #e6c3b0, #d5a997);\n }\n\n .hypodermis {\n background: linear-gradient(to bottom, #d5a997, #c1937f);\n border-radius: 0 0 8px 8px;\n }\n\n .penetration-arrow {\n position: absolute;\n top: 10%;\n right: 50%;\n height: 80%;\n width: 4px;\n background: #9C8102;\n z-index: 2;\n }\n\n .penetration-arrow::before {\n content: '';\n position: absolute;\n bottom: -10px;\n right: -8px;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent;\n border-top: 15px solid #9C8102;\n }\n\n .penetration-label {\n position: absolute;\n top: 50%;\n right: 30%;\n transform: translateY(-50%);\n color: #9C8102;\n font-weight: bold;\n font-size: 1.1rem;\n }\n\n .layer-label {\n position: absolute;\n right: 10px;\n color: #333;\n font-weight: bold;\n }\n\n \/* Usage steps *\/\n .usage-steps {\n margin: 2em 0;\n }\n\n .step {\n background: white;\n padding: 20px;\n border-radius: 10px;\n margin-bottom: 15px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n display: flex;\n align-items: center;\n transition: transform 0.3s ease;\n }\n\n .step:hover {\n transform: translateX(-5px);\n }\n\n .step-number {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: #9C8102;\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n margin-left: 15px;\n flex-shrink: 0;\n }\n\n .step-text {\n flex-grow: 1;\n }\n\n \/* Call to action *\/\n .cta-section {\n background: #000;\n color: white;\n padding: 40px;\n border-radius: 15px;\n text-align: center;\n margin: 2em 0;\n }\n\n .cta-title {\n color: black;\n font-size: 1.8rem;\n margin-bottom: 20px;\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\u003c\/style\u003e\n\n\u003cdiv class=\"product-description\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"hero-container\"\u003e\n \u003cimg class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_hyaluronic_acid_serum_3_2.webp?v=1745676258\" alt=\"COSRX Hyaluronic Acid Serum\"\u003e\n \u003c\/div\u003e\n \n \u003ch3\u003eتحدي الجفاف يبدأ هنا: بشرة مرطّبة، مشدودة، ومتوهّجة\u003c\/h3\u003e\n \n \u003cp\u003e\u003cstrong\u003eبشرتك تستغيث لفقدان نضارتها، وكل يوم يمر دون علاج يزيد من عمق المشكلة ويصعب التراجع عنها.\u003c\/strong\u003e\u003c\/p\u003e\n \n \u003cp\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_hyaluronic_acid_serum_3_1.webp?v=1745676253\" alt=\"COSRX Hyaluronic Acid Serum Application\"\u003e\n \u003c\/div\u003e\n \n \u003ch3\u003eابتكار يذهب أبعد من المرطبات التقليدية:\u003c\/h3\u003e\n \n \u003cp\u003eمعظم المنتجات تُرطّب فقط، لكن هذا السيروم يعمل كـ:\u003c\/p\u003e\n \n \u003c!-- Feature Grid --\u003e\n \u003cdiv class=\"feature-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-title\"\u003eمُصلح طبيعي\u003c\/div\u003e\n \u003cp\u003eيُرمم الحاجز الواقي للبشرة، مما يجعلها أقوى وأكثر مقاومة للتلف.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-title\"\u003eمُحسن للنسيج الجلدي\u003c\/div\u003e\n \u003cp\u003eيزيل ملمس البشرة الخشن ليتركها ناعمة كالحرير بعد الاستخدام الأول.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-title\"\u003eمُكافح للجفاف المزمن\u003c\/div\u003e\n \u003cp\u003eيعالج الجفاف من جذوره مع توفير حماية طويلة الأمد تستمر لساعات.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003ch3\u003eإحساس بالفخامة مع كل استخدام:\u003c\/h3\u003e\n \n \u003cp\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_hyaluronic_acid_serum_3_3_05420fce-d269-44ac-b8e0-116910c16bbc.webp?v=1745676300\" alt=\"COSRX Hyaluronic Acid Serum Close Up\"\u003e\n \u003c\/div\u003e\n \n \u003ch2\u003eما الذي يميز تركيبة سيروم COSRX Hyaluronic Acid Intensive Cream؟\u003c\/h2\u003e\n \n \u003c!-- First Info Block --\u003e\n \u003cdiv class=\"info-block\"\u003e\n \u003ch3 class=\"info-title\"\u003e1. مزيج قوي من NMF (Amino Acid Complex):\u003c\/h3\u003e\n \n \u003cp\u003eNatural Moisturizing Factors (NMF) تشمل مجموعة من الأحماض الأمينية التي تُحاكي العناصر الطبيعية الموجودة في البشرة، والتي تعمل على:\u003c\/p\u003e\n \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 \n \u003c!-- Second Info Block --\u003e\n \u003cdiv class=\"info-block\"\u003e\n \u003ch3 class=\"info-title\"\u003e2. السيراميدات: الحصن الأخير بين بشرتك وعوامل الشيخوخة\u003c\/h3\u003e\n \n \u003cp\u003e\u003cstrong\u003eعندما ينهار حاجز البشرة، تبدأ بشرتك رحلة لا عودة نحو الجفاف وفقدان النضارة\u003c\/strong\u003e\u003c\/p\u003e\n \n \u003cp\u003e\u003cstrong\u003eبدون حاجز قوي، كل عدو لبشرتك سيغزوها بلا رحمة. \u003c\/strong\u003eالبشرة الطبيعية تحتوي على \u003cstrong\u003eالسيراميدات\u003c\/strong\u003e كجزء أساسي من الحاجز الواقي الذي يحتفظ بالرطوبة ويمنع فقدانها.\u003c\/p\u003e\n \n \u003cp\u003eعند فقدان هذه السيراميدات يؤدي إلى انهيار حاجز البشرة و فقدان الرطوبة و النضارة و تعريض البشرة للعوامل البيئية المسببة للشيخوخة. بدون هذا الدعم، يتحول الجلد إلى ساحة معركة، حيث تتسارع علامات الإجهاد والتقدم في السن. هل ستترك بشرتك مكشوفة وعرضة للتلف؟\u003c\/p\u003e\n \n \u003cp\u003eيحتوي السيروم على تركيز عالي من السيراميدات التي ستساعد بشرتك في استعادة درعها الوقائي ويمنع العوامل الضارة من التسلل لطبقات جلدك العميقة.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- Penetration Depth Section --\u003e\n \u003cdiv class=\"highlight-block\"\u003e\n \u003ch3 class=\"highlight-title\"\u003e3. ترطيب يصل إلى 2,5 مل تحت سطح الجلد\u003c\/h3\u003e\n \n \u003cp\u003eتستخدم التركيبة تركيزًا فعالًا من حمض الهيالورونيك الذي يُرطّب البشرة بعمق عبر جميع طبقات الجلد ويصل لعمق غير مسبوق في جميع المرطبات. تتغلغل هذه التركيبة عبر أعمق خلايا جلدك لتوفر الترطيب الفعال على جميع مستويات البشرة.\u003c\/p\u003e\n \n \u003c!-- Skin Penetration Visualization --\u003e\n \u003cdiv class=\"penetration-chart\"\u003e\n \u003cdiv class=\"skin-layers\"\u003e\n \u003cdiv class=\"skin-layer epidermis\"\u003e\n \u003cspan class=\"layer-label\"\u003eالبشرة الخارجية\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin-layer dermis\"\u003e\n \u003cspan class=\"layer-label\"\u003eالأدمة\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"skin-layer hypodermis\"\u003e\n \u003cspan class=\"layer-label\"\u003eتحت الأدمة\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"penetration-arrow\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"penetration-label\"\u003eعمق التغلغل: 2.5 مل\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\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\/Untitled_1600_x_1200_px.jpg?v=1734291139\" alt=\"COSRX Hyaluronic Acid Serum Skin Benefits\"\u003e\n \u003c\/div\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_hyaluronic_acid_serum_3.jpg?v=1745676384\" alt=\"COSRX Hyaluronic Acid Serum Bottle\"\u003e\n \u003c\/div\u003e\n \n \u003ch3\u003eكل قطرة تُعيد بناء بشرتك من الداخل\u003c\/h3\u003e\n \n \u003cp\u003e\u003cstrong\u003eقطرة صغيرة... تأثير هائل: ترطيب كامل للبشرة بكمية بسيطة\u003c\/strong\u003e\u003c\/p\u003e\n \n \u003cp\u003eبفضل تركيبة سيروم الهيالورونيك من COSRX، لا تحتاجين سوى كمية صغيرة جدًا لتغطية وجهك بالكامل. التركيبة المركزة والفعّالة تعمل بذكاء لتوزيع الترطيب بعمق في كل طبقة من بشرتك، مما يمنحك نتائج ملحوظة دون إهدار المنتج.\u003c\/p\u003e\n \n \u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n \n \u003ch3\u003eطريقة الاستخدام:\u003c\/h3\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-text\"\u003eتنظيف البشرة جيداً باستخدام منظف مناسب لنوع بشرتك\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-text\"\u003eضع بضع قطرات من السيروم على بشرة نظيفة ورطبة قليلاً\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-text\"\u003eانشر السيروم برفق باستخدام أطراف أصابعك بحركات دائرية لطيفة\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-text\"\u003eاتبعي بكريم مرطب لإغلاق الترطيب داخل البشرة (اختياري)\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"step-text\"\u003eاستخدمي السيروم مرتين يومياً، في الصباح والمساء لأفضل النتائج\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 \u003ch3 class=\"cta-title\"\u003eCOSRX Hyaluronic Acid Intensive Cream\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 \/\/ Add subtle animations and interactions\n (function() {\n \/\/ Observe elements coming into view\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 feature cards when they come into view\n observeElements(document.querySelectorAll('.feature-card'), (element) =\u003e {\n element.style.animation = 'fadeInRight 0.6s ease forwards';\n });\n \n \/\/ Apply animations to info blocks when they come into view\n observeElements(document.querySelectorAll('.info-block'), (element) =\u003e {\n element.style.animation = 'fadeInUp 0.6s ease forwards';\n });\n \n \/\/ Apply animations to steps when they come into view\n observeElements(document.querySelectorAll('.step'), (element) =\u003e {\n element.style.animation = 'fadeInRight 0.6s ease forwards';\n });\n \n \/\/ Apply animations to highlight block when it comes into view\n observeElements(document.querySelectorAll('.highlight-block'), (element) =\u003e {\n element.style.animation = 'fadeIn 0.8s ease forwards';\n \n \/\/ Animate the penetration arrow after the block appears\n setTimeout(() =\u003e {\n const arrow = element.querySelector('.penetration-arrow');\n if (arrow) {\n arrow.style.height = '0%';\n arrow.style.transition = 'height 1.5s ease';\n \n setTimeout(() =\u003e {\n arrow.style.height = '80%';\n }, 300);\n }\n }, 300);\n });\n \n \/\/ Add keyframes for animations\n const style = document.createElement('style');\n style.textContent = `\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes fadeInRight {\n from {\n opacity: 0;\n transform: translateX(20px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n \n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n `;\n document.head.appendChild(style);\n })();\n\u003c\/script\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999388520622,"sku":"INSTA055008CHIQ","price":20.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Cosrx_hyaluronic_acid_serum_3.webp?v=1788175409"},{"product_id":"anua-heartleaf-toner","title":"Anua مستخلص الهارتليف 77% | تونر مهدئ للبشرة | معالج للاحمرار و الحبوب | مرطب","description":"\u003ch3\u003e\u003cstrong\u003eAnua Heartleaf 77% Soothing Toner: الحل الكوري الأمثل لبشرتك\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eهذا ليس مجرد تونر عادي، بل تركيبة متقدمة تستهدف مشكلات البشرة مباشرة وتساعد في استعادة نضارتها وصحتها:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eاحمرار وتهيج؟\u003c\/strong\u003e التونر يهدّئ البشرة بفضل احتوائه على 77% من مستخلص نبات القلب (Houttuynia Cordata)، المعروف بخصائصه المهدئة والمضادة للالتهاب.\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\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eاستعيد توازن بشرتك الطبيعي مع درجة حموضة مثالية (pH 5.5)\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eإذا كنت تعاني من اختلال في توازن بشرتك بسبب العوامل البيئية أو المنتجات القاسية، فإن تونر Anua Heartleaf هو الحل المثالي لك. بفضل تركيبته الغنية التي تتمتع بدرجة حموضة متوازنة 5.5، يعيد هذا التونر التوازن لبشرتك بشكل طبيعي، ويحافظ على حاجزها المائي بدون التأثير على طبقة الحماية الطبيعية للبشرة. بتركيز مثالي، يعمل على تنظيف البشرة بلطف ويمنحها شعورًا بالانتعاش والترطيب.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eبشرتك حساسة؟ هنا الحل الطبيعي المثالي\u003c\/strong\u003e\u003cbr\u003eإذا كنت من أصحاب البشرة الحساسة التي تتفاعل بسرعة مع المنتجات الكيميائية أو المواد المهيجة، فإن تونر Anua Heartleaf هو الحل الأمثل لك. بفضل مستخلص نبات القلب، المعروف بخصائصه المهدئة والمضادة للالتهابات، يساعد هذا التونر على تقليل الاحمرار والتهيج الناتج عن العوامل الخارجية مثل التلوث وأشعة الشمس. استخدامه المنتظم يهدئ البشرة ويمنحك شعورًا بالراحة والانتعاش طوال اليوم.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eأقصى تركيز من النبات الأفضل في تهدئة البشرة المتهيجة\u003c\/strong\u003e\u003cbr\u003eمستخلص نبات القلب (Houttuynia Cordata) هو المكون الرئيس في هذا التونر بتركيز 77%. يعد هذا النبات من أكثر النباتات فعالية في تهدئة البشرة المتهيجة بفضل خصائصه المضادة للبكتيريا والمضادة للالتهابات. يعمل بشكل فعال على تقليل التورم والاحمرار الناتج عن مشاكل البشرة اليومية مثل حب الشباب والتهيج الناتج عن المنتجات القاسية. احصل على أقصى استفادة من هذا المكون الطبيعي في عناية بشرتك مع تونر Anua.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eإنه بمثابة الغذاء الصحي لبشرتك\u003c\/strong\u003e\u003cbr\u003eتمامًا مثلما يحتاج جسمك إلى غذاء صحي ليتوازن ويظل نشيطًا، فإن بشرتك تحتاج إلى العناصر الطبيعية لتظل ناعمة وصحية. مع تركيبة غنية بمستخلص نبات القلب وحمض الهيالورونيك، يوفر تونر Anua كل ما تحتاجه بشرتك من ترطيب وتهدئة، ليمنحها إشراقة وحيوية طوال اليوم. إنه بمثابة الطعام الذي يغذي بشرتك من الداخل، ويعمل على تجديد خلاياها وحمايتها من العوامل البيئية الضارة.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eمستخلص نبات القلب (Houttuynia Cordata):\u003c\/strong\u003e\u003cbr\u003eيعد مستخلص نبات القلب أحد المكونات الطبيعية الفعّالة التي يُستخدمها التونر Anua Heartleaf 77% Soothing Toner. هذا النبات، الذي يُعرف أيضًا باسم \"الهووتويا\"، يتمتع بخصائص مذهلة تجعله مثاليًا للبشرة المتعبة والمتهيجة. إليك لماذا يُعتبر مستخلص نبات القلب المكون الأساسي لهذا التونر:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eتهدئة البشرة المتهيجة:\u003c\/strong\u003e نبات القلب معروف بقدرته الفائقة على تهدئة البشرة المتعبة والمتهيجة. يحتوي على مركبات مضادة للالتهابات تعمل على تقليل الاحمرار والتهيج الناتج عن العوامل البيئية أو استخدام منتجات قاسية.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eخصائص مضادة للبكتيريا:\u003c\/strong\u003e يساعد مستخلص نبات القلب على تقليل نمو البكتيريا التي تسبب التهابات الجلد وحب الشباب. لذلك، فهو مثالي للبشرة المعرضة لهذه المشكلات.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eتعزيز صحة البشرة بشكل عام:\u003c\/strong\u003e يحتوي النبات على مكونات مضادة للأكسدة التي تحارب الجذور الحرة وتقلل من تأثيرات الشيخوخة المبكرة. كما أنه يساهم في تجديد البشرة ويحسن من مرونتها.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eترطيب البشرة:\u003c\/strong\u003e يعد نبات القلب من المصادر الطبيعية التي تحسن من مستوى الترطيب في البشرة، مما يجعلها ناعمة ومرطبة بشكل دائم.\u003c\/p\u003e\n\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\u003e97% من المستخدمين\u003c\/strong\u003e أكدوا تقليل الاحمرار خلال أول أسبوع من الاستخدام.\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e92% شعروا بتحسن كبير في مستوى ترطيب بشرتهم.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e90% لاحظوا نعومة وصحة واضحة لبشرتهم.\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003eطريقة الاستخدام:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003col\u003e\n\u003cli\u003eبعد تنظيف وجهك، ضعي كمية مناسبة من التونر على قطعة قطنية أو على يديك.\u003c\/li\u003e\n\u003cli\u003eامسحي بشرتك بلطف أو اربتي عليها للسماح للتونر بالامتصاص.\u003c\/li\u003e\n\u003cli\u003eاتبعيه بروتينك المعتاد للعناية بالبشرة.\u003c\/li\u003e\n\u003c\/ol\u003e","brand":"Anua","offers":[{"title":"Default Title","offer_id":46999389143214,"sku":null,"price":28.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/anua_heartleaf_77_hyaluron_toner.jpg?v=1759854643"},{"product_id":"cosrx-advanced-snail-92-cream","title":"COSRX Advanced Snail 92 Cream كريم الترطيب بأقصى تركيز من إفرازات الحلزون","description":"\u003cdiv class=\"cx-ultimate-wrapper\" dir=\"rtl\"\u003e\n \u003cstyle\u003e\n \/* === Core Variables (COSRX Identity: Deep Black, Charcoal \u0026 Signature Yellow\/Gold) === *\/\n .cx-ultimate-wrapper {\n --cx-bg-dark: #080808; \n --cx-bg-darker: #040404;\n --cx-card-glass: rgba(255, 255, 255, 0.03);\n --cx-card-hover: rgba(244, 192, 34, 0.05);\n --cx-primary: #f4c022; \/* COSRX Signature Yellow *\/\n --cx-primary-glow: rgba(244, 192, 34, 0.25);\n --cx-gradient-accent: linear-gradient(135deg, #f4c022 0%, #d49a11 100%);\n --cx-gradient-bg: linear-gradient(135deg, #1c1505 0%, #080808 100%);\n --cx-text-light: #f5f5f5;\n --cx-text-muted: #a3a3a3;\n --cx-border: rgba(255, 255, 255, 0.06);\n --cx-border-highlight: rgba(244, 192, 34, 0.3);\n \n font-family: inherit; \/* Inherits your Shopify theme font *\/\n line-height: 1.8;\n overflow: hidden;\n position: relative;\n background-color: var(--cx-bg-dark);\n color: var(--cx-text-light);\n border-radius: 24px;\n box-shadow: 0 0 60px rgba(0,0,0,0.9) inset;\n }\n\n .cx-ultimate-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .cx-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 .cx-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);\n border: 1px solid var(--cx-border);\n overflow: hidden;\n }\n\n .cx-media-wrapper.size-lg { max-width: 850px; }\n .cx-media-wrapper.size-md { max-width: 600px; }\n\n .cx-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 .cx-media-wrapper:hover .cx-product-media {\n transform: scale(1.03);\n }\n\n \/* === Typography === *\/\n .cx-title-main {\n font-size: clamp(28px, 5vw, 48px);\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 .cx-title-section {\n font-size: clamp(24px, 4vw, 36px);\n font-weight: 800;\n text-align: center;\n margin-bottom: 20px;\n color: #ffffff;\n position: relative;\n }\n\n .cx-subtitle {\n font-size: clamp(16px, 2.5vw, 18px);\n color: var(--cx-text-muted);\n text-align: center;\n max-width: 800px;\n margin: 0 auto 40px;\n font-weight: 500;\n }\n\n .cx-text-accent {\n background: var(--cx-gradient-accent);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n display: inline-block;\n }\n\n .cx-highlight-box {\n background: rgba(244, 192, 34, 0.08);\n border: 1px solid var(--cx-border-highlight);\n padding: 20px;\n border-radius: 12px;\n display: inline-block;\n margin-bottom: 30px;\n }\n\n .cx-highlight-box p {\n color: var(--cx-primary);\n font-weight: 700;\n font-size: 1.15rem;\n margin: 0;\n }\n\n \/* === Alternating Sections === *\/\n .cx-section { padding: 80px 0; position: relative; }\n \n .cx-theme-dark { background-color: var(--cx-bg-dark); }\n .cx-theme-darker { background-color: var(--cx-bg-darker); border-top: 1px solid var(--cx-border); border-bottom: 1px solid var(--cx-border); }\n .cx-theme-gradient { background: var(--cx-gradient-bg); }\n\n \/* Ambient Glows *\/\n .cx-ambient {\n position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; z-index: 0;\n }\n .cx-glow {\n position: absolute; border-radius: 50%; filter: blur(100px); opacity: 0.4;\n background: rgba(244, 192, 34, 0.12);\n }\n .cx-glow-1 { width: 500px; height: 500px; top: -100px; right: -150px; }\n .cx-glow-2 { width: 600px; height: 600px; bottom: 10%; left: -200px; }\n\n \/* === Grids \u0026 Glass Cards === *\/\n .cx-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; }\n .cx-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px; }\n\n .cx-card {\n background: var(--cx-card-glass);\n backdrop-filter: blur(10px);\n border: 1px solid var(--cx-border);\n border-radius: 20px;\n padding: 35px 25px;\n position: relative;\n transition: all 0.4s ease;\n }\n\n .cx-card:hover {\n transform: translateY(-8px);\n background: var(--cx-card-hover);\n border-color: var(--cx-border-highlight);\n box-shadow: 0 15px 40px rgba(0,0,0,0.5), 0 0 20px var(--cx-primary-glow);\n }\n\n .cx-icon-badge {\n width: 50px; height: 50px;\n background: rgba(255,255,255,0.05);\n border: 1px solid var(--cx-border);\n border-radius: 12px;\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 20px;\n color: var(--cx-primary);\n font-size: 20px; font-weight: 900;\n transition: 0.4s ease;\n font-family: system-ui, sans-serif;\n }\n\n .cx-card:hover .cx-icon-badge {\n background: var(--cx-gradient-accent);\n color: #000;\n transform: scale(1.1) rotate(5deg);\n border-color: transparent;\n }\n\n .cx-card h3 { font-size: 1.25rem; font-weight: 800; margin-bottom: 12px; color: #fff; }\n .cx-card p { font-size: 1rem; color: var(--cx-text-muted); margin: 0; }\n\n \/* === Timeline \/ Steps === *\/\n .cx-timeline { position: relative; max-width: 800px; margin: 40px auto 0; }\n .cx-timeline::before {\n content: ''; position: absolute; top: 0; right: 50%; width: 2px; height: 100%;\n background: linear-gradient(to bottom, transparent, var(--cx-primary), transparent);\n transform: translateX(50%);\n }\n \n .cx-timeline-item { display: flex; justify-content: flex-end; padding-left: 50%; position: relative; margin-bottom: 30px; }\n .cx-timeline-item:nth-child(even) { justify-content: flex-start; padding-left: 0; padding-right: 50%; }\n \n .cx-timeline-content {\n width: 90%; background: var(--cx-card-glass); border: 1px solid var(--cx-border);\n padding: 30px; border-radius: 16px; transition: 0.3s;\n }\n \n .cx-timeline-content:hover {\n border-color: var(--cx-primary); transform: translateY(-5px); background: var(--cx-card-hover);\n }\n\n .cx-timeline-badge {\n position: absolute; top: 30px; right: -7%; width: 16px; height: 16px;\n background: var(--cx-bg-darker); border: 3px solid var(--cx-primary); border-radius: 50%; z-index: 2;\n }\n .cx-timeline-item:nth-child(even) .cx-timeline-badge { right: auto; left: -7%; }\n \n .cx-time-label {\n color: #000; font-weight: 800; margin-bottom: 15px; font-size: 1rem;\n display: inline-block; background: var(--cx-gradient-accent); padding: 4px 15px; border-radius: 20px;\n }\n\n \/* === Clean Lists === *\/\n .cx-list { list-style: none; padding: 0; margin-top: 20px; }\n .cx-list li {\n position: relative; padding-right: 30px; margin-bottom: 15px; color: var(--cx-text-light); font-size: 1.05rem;\n }\n .cx-list li::before {\n content: '✓'; position: absolute; right: 0; top: 0; color: var(--cx-primary); font-weight: 900; font-size: 1.2rem;\n }\n\n \/* === CTA Button === *\/\n .cx-btn {\n display: inline-block;\n background: var(--cx-gradient-accent);\n color: #000;\n padding: 18px 45px;\n border-radius: 40px;\n font-size: 1.25rem;\n font-weight: 900;\n text-decoration: none;\n border: none;\n cursor: pointer;\n transition: 0.4s ease;\n box-shadow: 0 10px 30px var(--cx-primary-glow);\n margin-top: 20px;\n }\n .cx-btn:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 40px rgba(244, 192, 34, 0.4);\n }\n\n \/* === Animations === *\/\n .cx-reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .cx-reveal.cx-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 .cx-section { padding: 50px 0; }\n .cx-timeline::before { right: 20px; transform: none; }\n .cx-timeline-item, .cx-timeline-item:nth-child(even) { padding-left: 0; padding-right: 50px; justify-content: flex-start; }\n .cx-timeline-content { width: 100%; }\n .cx-timeline-badge { right: 12px; top: 30px; }\n .cx-timeline-item:nth-child(even) .cx-timeline-badge { left: auto; right: 12px; }\n .cx-media-wrapper { border-radius: 12px; }\n .cx-title-main { font-size: 2rem; }\n }\n \u003c\/style\u003e\n\n \u003c!-- 1. HERO SECTION (Dark Theme) --\u003e\n \u003cdiv class=\"cx-section cx-theme-dark\" style=\"padding-top: 50px;\"\u003e\n \u003cdiv class=\"cx-ambient\"\u003e\n \u003cdiv class=\"cx-glow cx-glow-1\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cx-container\" style=\"text-align: center;\"\u003e\n \u003ch1 class=\"cx-title-main cx-reveal\"\u003eكريم الحلزون 92 من COSRX\u003cbr\u003e\u003cspan class=\"cx-text-accent\"\u003eالمعجزة البيولوجية لترميم البشرة\u003c\/span\u003e\n\u003c\/h1\u003e\n \n \u003cdiv class=\"cx-highlight-box cx-reveal delay-1\"\u003e\n \u003cp\u003eالحل النهائي للحصول على الـ Glass Skin!\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cp class=\"cx-subtitle cx-reveal delay-1\"\u003e\n لو قيل لك إن سر البشرة الصافية والخالية من العيوب يكمن في مادة طبيعية ومبتكرة.. هل تمتلك الجرأة لتجربتها؟ الملايين حول العالم تغلبوا على هذا التردد، والنتيجة كانت بشرة خالية من آثار الحبوب، وحاجز قوي لا يخترقه الجفاف.\n \u003c\/p\u003e\n \n \u003cdiv class=\"cx-media-wrapper size-lg cx-reveal delay-2\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snail_crawling_on_cream_jar_202608292001.jpg?v=1788023026\" alt=\"COSRX Snail 92 Cream\" class=\"cx-product-media\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 2. THE BIO-SECRET (Gradient Theme) --\u003e\n \u003cdiv class=\"cx-section cx-theme-gradient\"\u003e\n \u003cdiv class=\"cx-container\"\u003e\n \u003ch2 class=\"cx-title-section cx-reveal\"\u003eالسر البيولوجي: لماذا يعتبر \"هلام الحلزون\" معجزة؟\u003c\/h2\u003e\n \u003cp class=\"cx-subtitle cx-reveal\"\u003eليس مجرد مرطب تقليدي يحتوي على نسبة ضئيلة من المواد الفعالة؛ بل قنبلة ترميم تحتوي على 92% من مستخلص الهلام الصافي.\u003c\/p\u003e\n \n \u003cdiv class=\"cx-grid-2\"\u003e\n \u003cdiv class=\"cx-reveal\"\u003e\n \u003cp style=\"font-size: 1.1rem; color: var(--cx-text-light); margin-bottom: 20px;\"\u003e\n تخيل كائناً يزحف على الصخور والأشواك طوال حياته دون أن يتمزق جلده.. كيف يحدث ذلك؟\n \u003c\/p\u003e\n \u003cp style=\"font-size: 1.05rem; color: var(--cx-text-muted); margin-bottom: 20px;\"\u003e\n اكتشف العلماء أن الحلزون يفرز هلاماً يعمل كـ \"درع علاجي فوري\". هذا الهلام غني طبيعياً بحمض الهيالورونيك، الإنزيمات، ومضادات الميكروبات التي تعالج الجروح وتجدد الخلايا في ثوانٍ.\n \u003c\/p\u003e\n \u003cul class=\"cx-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=\"cx-media-wrapper size-md cx-reveal delay-1\" style=\"margin-bottom: 0;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snail_near_cream_jar_202608292003.jpg?v=1788023065\" alt=\"Snail Mucin Benefits\" class=\"cx-product-media\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 3. WHY VIRAL (Darker Theme) --\u003e\n \u003cdiv class=\"cx-section cx-theme-darker\"\u003e\n \u003cdiv class=\"cx-container\" style=\"text-align: center;\"\u003e\n \u003ch2 class=\"cx-title-section cx-reveal\"\u003eلماذا أصبح هذا الملمس الهوس الأول لعشاق الجمال؟\u003c\/h2\u003e\n \n \u003cdiv class=\"cx-media-wrapper size-md cx-reveal delay-1\" style=\"margin: 40px auto;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snail_in_cream_jar_202608292003.jpg?v=1788023086\" alt=\"Unique Snail Cream Texture\" class=\"cx-product-media\"\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"cx-subtitle cx-reveal delay-2\" style=\"color: var(--cx-text-light); max-width: 900px; font-size: 1.15rem;\"\u003e\n معظم مرطبات البشرة تعتمد على الزيوت أو الشموع الثقيلة التي تسد المسام وتسبب الحبوب (خاصة للبشرة الدهنية والمختلطة). لكن هذا الكريم يستخدم استراتيجية \u003cstrong\u003e\"الترميم الخلوي المائي\"\u003c\/strong\u003e. الملمس المطاطي الغريب هو بالضبط ما يجعله سحرياً؛ فهو يذوب في ثوانٍ، تمتصه البشرة كالإسفنجة، ولا يترك أي أثر دهني أو انسداد خلفه.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 4. INGREDIENTS GRID (Dark Theme) --\u003e\n \u003cdiv class=\"cx-section cx-theme-dark\"\u003e\n \u003cdiv class=\"cx-ambient\"\u003e\n \u003cdiv class=\"cx-glow cx-glow-2\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cx-container\"\u003e\n \u003ch2 class=\"cx-title-section cx-reveal\"\u003eخريطة النضارة: كيف تغير المكونات بشرتك؟\u003c\/h2\u003e\n \u003cp class=\"cx-subtitle cx-reveal\"\u003eتركيبة مركزة ومدروسة بعناية تستهدف كافة مشاكل البشرة.\u003c\/p\u003e\n\n \u003cdiv class=\"cx-grid-2 cx-reveal\"\u003e\n \u003cdiv class=\"cx-card\"\u003e\n \u003cdiv class=\"cx-icon-badge\"\u003e01\u003c\/div\u003e\n \u003ch3\u003eهلام الحلزون (92%)\u003c\/h3\u003e\n \u003ch4 style=\"color: var(--cx-primary); font-size: 1rem; margin-bottom: 10px;\"\u003eأستيكة العيوب\u003c\/h4\u003e\n \u003cp\u003eالمكون البطل. مسؤول عن تسريع تجديد الخلايا، محو آثار الحبوب الداكنة والحمراء، وتقليل عمق الندبات ليترك سطح البشرة أملساً تماماً.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cx-card delay-1\"\u003e\n \u003cdiv class=\"cx-icon-badge\"\u003e02\u003c\/div\u003e\n \u003ch3\u003eحمض الهيالورونيك\u003c\/h3\u003e\n \u003ch4 style=\"color: var(--cx-primary); font-size: 1rem; margin-bottom: 10px;\"\u003eنافخ الخطوط الدقيقة\u003c\/h4\u003e\n \u003cp\u003eمغناطيس الترطيب الذي يخترق أعماق الجلد، يحبس الماء داخل الخلايا، ويمنح بشرتك الامتلاء الذي يخفي الخطوط الرفيعة بفعالية.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cx-card\"\u003e\n \u003cdiv class=\"cx-icon-badge\"\u003e03\u003c\/div\u003e\n \u003ch3\u003eالبانثينول والآلانتوين\u003c\/h3\u003e\n \u003ch4 style=\"color: var(--cx-primary); font-size: 1rem; margin-bottom: 10px;\"\u003eدرع الحماية والتهدئة\u003c\/h4\u003e\n \u003cp\u003eيلطف الالتهابات فوراً ويقضي على الاحمرار (ممتاز للبشرة الحساسة)، ويعيد بناء حاجز البشرة المدمر بسبب العوامل الخارجية.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cx-card delay-1\"\u003e\n \u003cdiv class=\"cx-icon-badge\"\u003e04\u003c\/div\u003e\n \u003ch3\u003eالأدينوزين (Adenosine)\u003c\/h3\u003e\n \u003ch4 style=\"color: var(--cx-primary); font-size: 1rem; margin-bottom: 10px;\"\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\n \u003c!-- 5. TIMELINE \u0026 VALUE (Gradient Theme) --\u003e\n \u003cdiv class=\"cx-section cx-theme-gradient\"\u003e\n \u003cdiv class=\"cx-container\"\u003e\n \u003ch2 class=\"cx-title-section cx-reveal\"\u003eالجدول الزمني للتحول\u003c\/h2\u003e\n \n \u003cdiv class=\"cx-timeline cx-reveal\" style=\"margin-bottom: 80px;\"\u003e\n \u003cdiv class=\"cx-timeline-item\"\u003e\n \u003cdiv class=\"cx-timeline-badge\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cx-timeline-content\"\u003e\n \u003cdiv class=\"cx-time-label\"\u003eمن الأسبوع الأول\u003c\/div\u003e\n \u003cp style=\"color: var(--cx-text-light); font-size: 1.05rem; margin: 0;\"\u003e\n ترطيب مائي عميق وفوري، اختفاء الجفاف والقشور، تهدئة ملحوظة للاحمرار، وظهور لمعة \"البشرة الزجاجية\" بمجرد الامتصاص.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cx-timeline-item\"\u003e\n \u003cdiv class=\"cx-timeline-badge\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cx-timeline-content\"\u003e\n \u003cdiv class=\"cx-time-label\"\u003eبعد شهر من الاستخدام\u003c\/div\u003e\n \u003cp style=\"color: var(--cx-text-light); font-size: 1.05rem; margin: 0;\"\u003e\n حاجز بشرة قوي لا يتأثر بالعوامل الخارجية، تلاشي ملحوظ لآثار الحبوب والبقع، ملمس حريري ناعم، وامتلاء للخطوط الدقيقة.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003ch2 class=\"cx-title-section cx-reveal\"\u003eاستثمار حقيقي.. قيمة مقابل سعر\u003c\/h2\u003e\n \u003cdiv class=\"cx-grid-2 cx-reveal\"\u003e\n \u003cdiv class=\"cx-card\" style=\"background: rgba(0,0,0,0.4); border-color: rgba(255,255,255,0.1);\"\u003e\n \u003cdiv class=\"cx-icon-badge\"\u003e✓\u003c\/div\u003e\n \u003ch3\u003eحجم عملاق (100 جرام)\u003c\/h3\u003e\n \u003cp\u003eيأتي بعبوة كبيرة جداً مقارنة بمرطبات الوجه التقليدية التي غالباً ما تأتي بحجم 50 جرام فقط.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cx-card delay-1\" style=\"background: rgba(0,0,0,0.4); border-color: rgba(255,255,255,0.1);\"\u003e\n \u003cdiv class=\"cx-icon-badge\"\u003e✓\u003c\/div\u003e\n \u003ch3\u003eنقطة صغيرة تكفي\u003c\/h3\u003e\n \u003cp\u003eبفضل قوامه اللزج والمطاطي، فإن نقطة بحجم حبة البازلاء تكفي للوجه والرقبة. العبوة ستدوم لأشهر.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cx-card\" style=\"background: rgba(0,0,0,0.4); border-color: rgba(255,255,255,0.1);\"\u003e\n \u003cdiv class=\"cx-icon-badge\"\u003e✓\u003c\/div\u003e\n \u003ch3\u003eمتعدد الاستخدامات\u003c\/h3\u003e\n \u003cp\u003eمنتج All-in-One يغنيك عن استخدام سيروم للترطيب وكريم آخر لترميم الحاجز. خطوة واحدة تكفي.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cx-card delay-1\" style=\"background: rgba(0,0,0,0.4); border-color: rgba(255,255,255,0.1);\"\u003e\n \u003cdiv class=\"cx-icon-badge\"\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 \u003c\/div\u003e\n\n \u003c!-- 6. USAGE \u0026 CTA (Darker Theme) --\u003e\n \u003cdiv class=\"cx-section cx-theme-darker\" style=\"text-align: center;\"\u003e\n \u003cdiv class=\"cx-container\"\u003e\n \u003ch2 class=\"cx-title-section cx-reveal\"\u003eطريقة الاستخدام الصحيحة\u003c\/h2\u003e\n \n \u003cdiv class=\"cx-media-wrapper size-md cx-reveal delay-1\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Hand_picking_cream_from_jar_202608292006.jpg?v=1788023217\" alt=\"How to use COSRX Snail Cream\" class=\"cx-product-media\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cx-grid-3 cx-reveal delay-2\" style=\"margin-bottom: 60px;\"\u003e\n \u003cdiv class=\"cx-card\" style=\"background: transparent; border: none; box-shadow: none;\"\u003e\n \u003cdiv class=\"cx-icon-badge\" style=\"margin: 0 auto 20px;\"\u003e01\u003c\/div\u003e\n \u003ch3 style=\"color: var(--cx-primary);\"\u003eالتحضير\u003c\/h3\u003e\n \u003cp\u003eاستخدمه على بشرة نظيفة ومندّاة قليلاً (بعد التونر أو السيروم).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cx-card\" style=\"background: transparent; border: none; box-shadow: none;\"\u003e\n \u003cdiv class=\"cx-icon-badge\" style=\"margin: 0 auto 20px;\"\u003e02\u003c\/div\u003e\n \u003ch3 style=\"color: var(--cx-primary);\"\u003eالكمية\u003c\/h3\u003e\n \u003cp\u003eخذ كمية قليلة (ستلاحظ قوامه المطاطي اللزج المبتكر، لا تقلق).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cx-card\" style=\"background: transparent; border: none; box-shadow: none;\"\u003e\n \u003cdiv class=\"cx-icon-badge\" style=\"margin: 0 auto 20px;\"\u003e03\u003c\/div\u003e\n \u003ch3 style=\"color: var(--cx-primary);\"\u003eالطبطبة\u003c\/h3\u003e\n \u003cp\u003eلا تفركه بقوة، قم بتوزيعه عن طريق الطبطبة حتى يذوب ويمتص تماماً خلال 30 ثانية.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CTA --\u003e\n \u003cdiv class=\"cx-card cx-reveal\" style=\"background: linear-gradient(135deg, rgba(20,20,20,0.9), rgba(5,5,5,1)); border-color: rgba(244, 192, 34, 0.3); padding: 50px 30px;\"\u003e\n \u003ch2 class=\"cx-title-main\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003eالترند العالمي الذي ينفد من الأسواق باستمرار\u003c\/h2\u003e\n \u003cp style=\"font-size: 1.15rem; max-width: 750px; margin: 0 auto 30px; color: var(--cx-text-light);\"\u003e\n لا تترك بشرتك تعاني من الجفاف أو آثار الحبوب بينما المعجزة البيولوجية الكورية متاحة بين يديك. هذا الكريم يحقق مبيعات ضخمة عالمياً وينفد بسرعة فائقة. \u003cstrong\u003eاطلبه الآن، واستيقظ غداً ببشرة مروية، صافية، ومشعّة بالصحة!\u003c\/strong\u003e\n \u003c\/p\u003e\n \n \u003cdiv class=\"cx-media-wrapper size-sm\" style=\"margin-bottom: 30px;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snail_near_cream_jar_202608292001.jpg?v=1788023239\" alt=\"Get COSRX Snail Cream Now\" class=\"cx-product-media\"\u003e\n \u003c\/div\u003e\n\n \u003cbutton class=\"cx-btn\"\u003eاحصل على البشرة الزجاجية الآن\u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003c!-- INGREDIENTS LIST --\u003e\n \u003cdiv class=\"cx-reveal\" style=\"margin-top: 60px; text-align: left; direction: ltr; padding: 25px; background: rgba(0,0,0,0.5); border: 1px solid var(--cx-border); border-radius: 16px;\"\u003e\n \u003ch4 style=\"color: var(--cx-primary); margin-bottom: 10px; font-size: 1.1rem; text-align: right; direction: rtl;\"\u003eقائمة المكونات الكاملة\u003c\/h4\u003e\n \u003cp style=\"color: #888; font-size: 0.9rem; line-height: 1.6;\"\u003e\n Snail Secretion Filtrate, Betaine, Caprylic\/Capric Triglyceride, Cetearyl Olivate, Sorbitan Olivate, Sodium Hyaluronate, Cetearyl Alcohol, Stearic acid, Arginine, Dimethicone, Carbomer, Panthenol, Allantoin, Sodium Polyacrylate, Xanthan Gum, Ethyl Hexanediol, Adenosine, Phenoxyethanol.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cscript\u003e\n document.addEventListener('DOMContentLoaded', () =\u003e {\n \/\/ Intersection Observer for scroll animations\n const reveals = document.querySelectorAll('.cx-reveal');\n const observer = new IntersectionObserver((entries, obs) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('cx-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 \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999389438126,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Untitleddesign-2024-12-29T140801.300_16ba6210-2605-4e72-90f8-1d3298226aa6.jpg?v=1788175399"},{"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":"beauty-of-joseon-relief-sun-aqua-fresh-rice-b5-spf50","title":"Beauty of Joseon - واقي الشمس المائي: ترطيب {B5} وإشراقة الأرز (غير دهني)","description":"\u003cdiv class=\"aqua-relief-wrapper\" dir=\"rtl\"\u003e\n \u003cstyle\u003e\n \/* === Premium Arabic Font === *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900\u0026display=swap');\n\n \/* === Core Variables (Dark Mode) === *\/\n .aqua-relief-wrapper {\n --aqua-bg-base: #0a0e17; \/* Deep midnight blue\/black *\/\n --aqua-bg-card: rgba(16, 24, 40, 0.7); \/* Translucent dark navy *\/\n --aqua-bg-card-hover: rgba(26, 36, 56, 0.9);\n --aqua-primary: #5cb8e4;\n --aqua-dark: #38bdf8; \/* Brighter aqua for dark mode contrast *\/\n --aqua-light: rgba(92, 184, 228, 0.15); \/* Tinted background for badges *\/\n --aqua-gradient: linear-gradient(135deg, #38bdf8 0%, #0284c7 100%);\n --pearl-gradient: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, rgba(16,24,40,0.8) 100%);\n --gold-accent: #d4af37;\n --text-main: #f8fafc; \/* Near white for dark mode *\/\n --text-muted: #94a3b8; \/* Light slate gray *\/\n --border-glass: rgba(92, 184, 228, 0.2);\n --glow-aqua: rgba(56, 189, 248, 0.25);\n \n background-color: var(--aqua-bg-base);\n color: var(--text-main);\n font-family: 'Tajawal', -apple-system, BlinkMacSystemFont, sans-serif;\n line-height: 1.7;\n overflow: hidden;\n position: relative;\n padding: 0 0 60px 0;\n border-radius: 24px;\n box-shadow: 0 0 50px rgba(0,0,0,0.5) inset;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .aqua-relief-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .aqua-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n \/* === Typography Utilities === *\/\n .aqua-text-gradient {\n background: var(--aqua-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n display: inline-block;\n text-shadow: 0 2px 10px rgba(56, 189, 248, 0.3);\n }\n\n .aqua-section-title {\n font-size: clamp(26px, 4vw, 38px);\n font-weight: 900;\n text-align: center;\n margin: 80px 0 20px;\n color: #ffffff; \/* White for better visibility *\/\n position: relative;\n }\n\n .aqua-section-subtitle {\n text-align: center;\n font-size: clamp(16px, 2vw, 18px);\n color: var(--text-muted);\n max-width: 700px;\n margin: 0 auto 50px;\n font-weight: 500;\n }\n\n \/* === Ambient Background === *\/\n .aqua-ambient {\n position: absolute;\n top: 0; left: 0; width: 100%; height: 100%;\n z-index: 0;\n pointer-events: none;\n overflow: hidden;\n }\n \n .aqua-glow-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.5;\n animation: orbDrift 15s infinite alternate ease-in-out;\n }\n\n .aqua-orb-1 { width: 400px; height: 400px; background: rgba(92, 184, 228, 0.15); top: -50px; right: -50px; }\n .aqua-orb-2 { width: 500px; height: 500px; background: rgba(212, 175, 55, 0.08); bottom: 10%; left: -150px; animation-delay: -5s; }\n\n @keyframes orbDrift {\n 0% { transform: translate(0, 0) scale(1); }\n 100% { transform: translate(-30px, 50px) scale(1.1); }\n }\n\n \/* === Hero Section === *\/\n .aqua-hero {\n position: relative;\n padding: 80px 20px 40px;\n text-align: center;\n background: radial-gradient(circle at top, rgba(56,189,248,0.1) 0%, var(--aqua-bg-base) 70%);\n border-bottom: 1px solid var(--border-glass);\n }\n\n .aqua-hero-icon {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: 80px;\n height: 80px;\n margin-bottom: 20px;\n animation: float 3s ease-in-out infinite;\n filter: drop-shadow(0 5px 15px var(--glow-aqua));\n color: var(--aqua-primary);\n font-size: 40px;\n font-weight: 900;\n font-family: system-ui, sans-serif;\n background: var(--aqua-bg-card); \/* Darker background *\/\n border-radius: 50%;\n box-shadow: 0 10px 25px rgba(56, 189, 248, 0.2);\n border: 1px solid var(--border-glass);\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\n\n .aqua-main-title {\n font-size: clamp(32px, 5vw, 52px);\n font-weight: 900;\n margin-bottom: 25px;\n line-height: 1.3;\n letter-spacing: -0.5px;\n color: #ffffff;\n }\n\n .aqua-hero-subtitle-text {\n font-size: clamp(16px, 2.5vw, 20px);\n color: var(--text-main);\n max-width: 800px;\n margin: 0 auto 40px;\n line-height: 1.8;\n font-weight: 500;\n }\n\n \/* === Video \u0026 Image Wrappers === *\/\n .aqua-media-wrapper {\n position: relative;\n width: 100%;\n margin: 0 auto;\n perspective: 1000px;\n display: block;\n }\n\n .aqua-media-wrapper.size-lg { max-width: 850px; }\n .aqua-media-wrapper.size-md { max-width: 700px; }\n .aqua-media-wrapper.size-sm { max-width: 550px; }\n\n .aqua-product-media {\n width: 100%;\n height: auto;\n display: block;\n border-radius: 20px;\n box-shadow: 0 30px 60px rgba(0,0,0,0.6), 0 0 30px var(--glow-aqua);\n border: 2px solid var(--border-glass); \/* Subtler border *\/\n transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);\n object-fit: cover;\n }\n\n \/* === Glass Cards \u0026 Grids === *\/\n .aqua-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px; }\n .aqua-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }\n\n .aqua-glass-card {\n background: var(--aqua-bg-card);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid var(--border-glass);\n border-radius: 20px;\n padding: 35px 25px;\n position: relative;\n overflow: hidden;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n text-align: right;\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n }\n\n .aqua-glass-card::before {\n content: '';\n position: absolute;\n top: 0; right: 0;\n width: 4px; height: 100%;\n background: var(--aqua-gradient);\n opacity: 0;\n transition: 0.4s ease;\n }\n\n .aqua-glass-card:hover {\n transform: translateY(-8px);\n background: var(--aqua-bg-card-hover);\n box-shadow: 0 15px 35px rgba(0,0,0,0.4), 0 0 20px var(--glow-aqua);\n border-color: var(--aqua-primary);\n }\n\n .aqua-glass-card:hover::before { opacity: 1; }\n\n .aqua-card-title {\n font-size: 1.3rem;\n color: #ffffff;\n margin-bottom: 12px;\n font-weight: 800;\n }\n\n .aqua-card-desc {\n color: var(--text-muted);\n font-size: 1rem;\n line-height: 1.7;\n }\n\n \/* === Impact Highlight Section === *\/\n .aqua-impact-wrapper {\n background: var(--pearl-gradient);\n padding: 60px 40px;\n margin: 60px 0;\n border-radius: 24px;\n border: 1px solid var(--border-glass);\n box-shadow: 0 20px 40px rgba(0,0,0,0.3);\n text-align: center;\n }\n\n \/* === Icons === *\/\n .aqua-icon-badge {\n width: 60px; height: 60px;\n background: var(--aqua-light);\n border: 1px solid var(--border-glass);\n border-radius: 16px;\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 20px;\n color: var(--aqua-dark);\n transition: 0.4s ease;\n font-size: 24px;\n font-weight: 900;\n font-family: system-ui, sans-serif;\n box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n }\n\n .aqua-glass-card:hover .aqua-icon-badge {\n background: var(--aqua-gradient);\n color: white;\n transform: scale(1.1) rotate(5deg);\n }\n\n \/* === Timeline === *\/\n .aqua-timeline {\n position: relative;\n max-width: 800px;\n margin: 0 auto;\n padding: 20px 0;\n }\n\n .aqua-timeline::before {\n content: '';\n position: absolute;\n top: 0; right: 50%;\n width: 2px; height: 100%;\n background: linear-gradient(to bottom, transparent, var(--aqua-primary), transparent);\n transform: translateX(50%);\n }\n\n .aqua-timeline-item {\n display: flex;\n justify-content: flex-end;\n padding-left: 50%;\n position: relative;\n margin-bottom: 30px;\n }\n\n .aqua-timeline-item:nth-child(even) {\n justify-content: flex-start;\n padding-left: 0;\n padding-right: 50%;\n }\n\n .aqua-timeline-content {\n width: 90%;\n background: var(--aqua-bg-card);\n border: 1px solid var(--border-glass);\n padding: 25px;\n border-radius: 16px;\n position: relative;\n transition: all 0.3s;\n box-shadow: 0 10px 20px rgba(0,0,0,0.2);\n }\n\n .aqua-timeline-content:hover {\n border-color: var(--aqua-primary);\n transform: translateY(-5px);\n box-shadow: 0 15px 30px rgba(92, 184, 228, 0.1);\n }\n\n .aqua-timeline-badge {\n position: absolute;\n top: 25px; right: -6.5%;\n width: 14px; height: 14px;\n background: var(--aqua-bg-base);\n border: 3px solid var(--aqua-primary);\n border-radius: 50%;\n z-index: 2;\n box-shadow: 0 0 10px var(--glow-aqua);\n }\n\n .aqua-timeline-item:nth-child(even) .aqua-timeline-badge {\n right: auto;\n left: -6.5%;\n }\n\n .aqua-time-label {\n color: var(--aqua-dark);\n font-weight: 800;\n margin-bottom: 10px;\n font-size: 1.1rem;\n display: inline-block;\n background: var(--aqua-light);\n padding: 4px 15px;\n border-radius: 20px;\n }\n\n \/* === Comparison Section === *\/\n .aqua-comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n margin: 40px 0;\n }\n\n .aqua-comp-card {\n background: var(--aqua-bg-card);\n padding: 30px;\n border-radius: 20px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n border: 1px solid var(--border-glass);\n }\n\n .aqua-comp-card.premium {\n border: 2px solid var(--aqua-primary);\n background: var(--pearl-gradient);\n transform: scale(1.02);\n box-shadow: 0 20px 50px rgba(0,0,0,0.4), 0 0 30px var(--glow-aqua);\n }\n\n .aqua-comp-list { list-style: none; padding: 0; }\n .aqua-comp-item {\n padding: 12px 0;\n border-bottom: 1px solid rgba(255,255,255,0.05);\n display: flex;\n align-items: center;\n gap: 12px;\n color: var(--text-muted);\n }\n .aqua-comp-item:last-child { border-bottom: none; }\n \n .aqua-comp-card.premium .aqua-comp-item { color: var(--text-main); font-weight: 500; }\n\n .aqua-check-icon {\n width: 24px; height: 24px;\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-weight: bold; font-size: 14px;\n color: white; flex-shrink: 0;\n }\n .aqua-check-basic { background: #475569; } \/* Darker slate for basic check *\/\n .aqua-check-premium { background: var(--aqua-gradient); }\n\n \/* === CTA Section === *\/\n .aqua-cta {\n text-align: center;\n margin-top: 80px;\n padding: 60px 30px;\n background: linear-gradient(135deg, rgba(16,24,40,0.8) 0%, rgba(2,132,199,0.1) 100%);\n border-radius: 24px;\n border: 1px solid var(--border-glass);\n box-shadow: 0 30px 60px rgba(0,0,0,0.5);\n }\n\n .aqua-btn-primary {\n display: inline-block;\n background: var(--aqua-gradient);\n background-size: 200% auto;\n color: white;\n padding: 18px 45px;\n border-radius: 40px;\n font-size: 1.2rem;\n font-weight: 900;\n text-decoration: none;\n border: none;\n cursor: pointer;\n transition: 0.5s ease;\n box-shadow: 0 10px 25px rgba(92, 184, 228, 0.4);\n margin-top: 30px;\n font-family: 'Tajawal', sans-serif;\n }\n\n .aqua-btn-primary:hover {\n background-position: right center;\n transform: translateY(-3px);\n box-shadow: 0 15px 35px rgba(92, 184, 228, 0.6);\n }\n\n \/* === Animations === *\/\n .aqua-reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .aqua-reveal.aqua-active { opacity: 1; transform: translateY(0); }\n .delay-1 { transition-delay: 0.1s; }\n .delay-2 { transition-delay: 0.2s; }\n .delay-3 { transition-delay: 0.3s; }\n\n @media (max-width: 768px) {\n .aqua-timeline::before { right: 20px; transform: none; }\n .aqua-timeline-item { padding-left: 0; padding-right: 50px; justify-content: flex-start; }\n .aqua-timeline-item:nth-child(even) { padding-left: 0; padding-right: 50px; }\n .aqua-timeline-content { width: 100%; }\n .aqua-timeline-badge { right: 14px; top: 25px; }\n .aqua-timeline-item:nth-child(even) .aqua-timeline-badge { left: auto; right: 14px; }\n \n .aqua-comp-card.premium { transform: scale(1); margin-top: 20px; }\n .aqua-hero { padding: 50px 15px 20px; }\n .aqua-cta { padding: 40px 20px; }\n .aqua-product-media { box-shadow: 0 15px 30px rgba(0,0,0,0.4); border-width: 1px; }\n .aqua-media-wrapper { padding: 0 10px; }\n }\n \u003c\/style\u003e\n\n \u003cdiv class=\"aqua-ambient\"\u003e\n \u003cdiv class=\"aqua-glow-orb aqua-orb-1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqua-glow-orb aqua-orb-2\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 1. Hero Section --\u003e\n \u003cdiv class=\"aqua-hero\"\u003e\n \u003cdiv class=\"aqua-container\"\u003e\n \u003cdiv class=\"aqua-hero-icon\"\u003e💧\u003c\/div\u003e\n \u003ch1 class=\"aqua-main-title aqua-reveal aqua-active\"\u003eRelief Sun Aqua Fresh\u003cbr\u003e\u003cspan class=\"aqua-text-gradient\"\u003eواقي الشمس الكوري\u003c\/span\u003e اللي هيخليكي تحبي الشمس تاني\u003c\/h1\u003e\n \n \u003cp class=\"aqua-hero-subtitle-text aqua-reveal aqua-active delay-1\"\u003e\n تخيل واقي شمس بملمس مائي يختفي في ثوان، وفيه 30% ماء بذور الأرز اللي بيخلي النجوم الكوريين بشرتهم تحفة، وبـ 5 فلاتر حماية متطورة. بيحمي ويرطب ويفتح ويعالج - 4 منتجات في منتج واحد.\n \u003c\/p\u003e\n \n \u003cdiv class=\"aqua-tilt-card aqua-media-wrapper size-md aqua-reveal aqua-active delay-2\"\u003e\n \u003cvideo class=\"aqua-product-media\" autoplay muted loop playsinline\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/0362c453e2b64b73adce019c177484fe.mp4\" type=\"video\/mp4\"\u003e\n متصفحك لا يدعم عرض الفيديو.\n \u003c\/source\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"aqua-container\"\u003e\n \n \u003c!-- 2. Features Showcase --\u003e\n \u003cdiv class=\"aqua-grid-3 aqua-reveal\" style=\"margin-top: 60px;\"\u003e\n \u003cdiv class=\"aqua-glass-card\"\u003e\n \u003cdiv class=\"aqua-icon-badge\"\u003e1\u003c\/div\u003e\n \u003ch3 class=\"aqua-card-title\"\u003eملمس مائي يختفي في ثوان\u003c\/h3\u003e\n \u003cp class=\"aqua-card-desc\"\u003eمش زي أي واقي شمس عادي، تركيبة خفيفة جداً تتشربها البشرة فوراً.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqua-glass-card delay-1\"\u003e\n \u003cdiv class=\"aqua-icon-badge\"\u003e2\u003c\/div\u003e\n \u003ch3 class=\"aqua-card-title\"\u003e30% ماء بذور الأرز\u003c\/h3\u003e\n \u003cp class=\"aqua-card-desc\"\u003eسر الجمال الكوري القديم لتفتيح وترطيب البشرة بعمق.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqua-glass-card delay-2\"\u003e\n \u003cdiv class=\"aqua-icon-badge\"\u003e3\u003c\/div\u003e\n \u003ch3 class=\"aqua-card-title\"\u003eبدون بياض أو دهنية\u003c\/h3\u003e\n \u003cp class=\"aqua-card-desc\"\u003eحتى للبشرة الدهنية، لا يترك أي أثر أبيض مزعج أو لمعان غير مرغوب.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqua-glass-card\"\u003e\n \u003cdiv class=\"aqua-icon-badge\"\u003e4\u003c\/div\u003e\n \u003ch3 class=\"aqua-card-title\"\u003e5 فلاتر حماية متطورة\u003c\/h3\u003e\n \u003cp class=\"aqua-card-desc\"\u003eأقوى حماية في المنطقة ضد جميع أنواع الأشعة الضارة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqua-glass-card delay-1\"\u003e\n \u003cdiv class=\"aqua-icon-badge\"\u003e5\u003c\/div\u003e\n \u003ch3 class=\"aqua-card-title\"\u003e4 منتجات في واحد\u003c\/h3\u003e\n \u003cp class=\"aqua-card-desc\"\u003eحماية قوية + ترطيب عميق + تفتيح للبقع + علاج لحاجز البشرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 3. Pain Point Highlight --\u003e\n \u003cdiv class=\"aqua-impact-wrapper aqua-reveal\"\u003e\n \u003ch2 class=\"aqua-section-title\" style=\"margin-top: 0; font-size: 1.8rem;\"\u003eجربت واقيات شمس كتير... ومن كتر الإزعاج قررت تسيب الشمس تاكل في جلدك؟\u003c\/h2\u003e\n \u003cp style=\"font-size: 1.15rem; color: var(--text-muted); margin-bottom: 25px;\"\u003e\n لو سئمت من واقيات الشمس اللي بتسيب وشك أبيض، أو اللي بتخلي بشرتك دهنية ولزجة، أو اللي مبتحميش من الشمس بجد...\n \u003c\/p\u003e\n \u003cdiv style=\"background: rgba(255,255,255,0.05); padding: 20px; border-radius: 15px; border: 2px solid var(--aqua-primary); display: inline-block;\"\u003e\n \u003cp style=\"font-size: 1.25rem; font-weight: 800; color: #ffffff; margin: 0;\"\u003eRelief Sun Aqua Fresh هيغير فكرتك تماماً\u003c\/p\u003e\n \u003cp style=\"font-size: 1rem; color: var(--text-muted); margin-top: 10px;\"\u003eمن أول استخدام هتحس إنك بتحط سيروم مرطب، مش واقي شمس.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 4. Rice Water Section --\u003e\n \u003ch2 class=\"aqua-section-title aqua-reveal\"\u003eماء بذور الأرز 30% - سر الجمال الكوري\u003c\/h2\u003e\n \u003cp class=\"aqua-section-subtitle aqua-reveal\"\u003eإيه اللي يخلي مكون واحد يساوي سعر واقي شمس كامل؟\u003c\/p\u003e\n \n \u003cdiv class=\"aqua-glass-card aqua-reveal\" style=\"max-width: 900px; margin: 0 auto; text-align: right;\"\u003e\n \u003cdiv class=\"aqua-tilt-card aqua-media-wrapper size-md\" style=\"margin-bottom: 30px;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_relief_sun_aqua_fresh_spf_2.webp?v=1753600391\" alt=\"ماء بذور الأرز في Relief Sun\" class=\"aqua-product-media\"\u003e\n \u003c\/div\u003e\n \n \u003ch3 class=\"aqua-card-title\" style=\"font-size: 1.5rem;\"\u003eسر قديم من آلاف السنين\u003c\/h3\u003e\n \u003cp class=\"aqua-card-desc\" style=\"margin-bottom: 20px;\"\u003eماء بذور الأرز مش مجرد مكون عادي... ده سر الجمال الكوري اللي النجوم الآسيويين بيورثوه من أهلهم.\u003c\/p\u003e\n \n \u003cdiv class=\"aqua-grid-2\"\u003e\n \u003cdiv\u003e\n \u003ch4 style=\"color: var(--gold-accent); margin-bottom: 15px; font-size: 1.2rem;\"\u003eأغلى مكون في التركيبة:\u003c\/h4\u003e\n \u003cul style=\"list-style: none; padding: 0;\"\u003e\n \u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e بيتم استخراجه بطرق خاصة تحافظ على فوائده.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e 30% تركيز عالي جداً - أعلى نسبة في واقي شمس.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e مضادات أكسدة أقوى من فيتامين C بـ 10 مرات.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4 style=\"color: var(--gold-accent); margin-bottom: 15px; font-size: 1.2rem;\"\u003eإيه اللي هيعمله لبشرتك؟\u003c\/h4\u003e\n \u003cul style=\"list-style: none; padding: 0;\"\u003e\n \u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e يرجع لبشرتك إشراقها الطبيعي خلال أسابيع.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e يفتح البقع الداكنة ويوحد لونها.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e يرطبها على عمق 7 طبقات.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 5. 5 Filters Section --\u003e\n \u003ch2 class=\"aqua-section-title aqua-reveal\"\u003e5 فلاتر حماية متطورة - فريق كامل ضد الشمس\u003c\/h2\u003e\n \u003cp class=\"aqua-section-subtitle aqua-reveal\"\u003eفي الوقت اللي كل منتجات الوقاية بتوفرلك فلتر واحد.. الكريم ده بيوفر 5!\u003c\/p\u003e\n \n \u003cdiv class=\"aqua-grid-3 aqua-reveal\"\u003e\n \u003cdiv class=\"aqua-glass-card\"\u003e\n \u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e1\u003c\/div\u003e\n \u003ch3 class=\"aqua-card-title\"\u003eEthylhexyl Triazone\u003c\/h3\u003e\n \u003cp class=\"aqua-card-desc\"\u003eالحارس الأول: بيمتص الأشعة ويحولها لحرارة غير مضرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqua-glass-card delay-1\"\u003e\n \u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e2\u003c\/div\u003e\n \u003ch3 class=\"aqua-card-title\"\u003eMexoryl XL\u003c\/h3\u003e\n \u003cp class=\"aqua-card-desc\"\u003eالمقاتل الشامل: بيحمي من UVA و UVB بكفاءة 99%.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqua-glass-card delay-2\"\u003e\n \u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e3\u003c\/div\u003e\n \u003ch3 class=\"aqua-card-title\"\u003eMexoryl SX\u003c\/h3\u003e\n \u003cp class=\"aqua-card-desc\"\u003eالمتخصص: بيستهدف الأشعة اللي بتسبب شيخوخة الجلد.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqua-glass-card\"\u003e\n \u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e4\u003c\/div\u003e\n \u003ch3 class=\"aqua-card-title\"\u003eUvinul A Plus\u003c\/h3\u003e\n \u003cp class=\"aqua-card-desc\"\u003eالحامي العميق: بيحارب الأشعة اللي بتخترق طبقات البشرة العميقة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqua-glass-card delay-1\"\u003e\n \u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e5\u003c\/div\u003e\n \u003ch3 class=\"aqua-card-title\"\u003eTinosorb S\u003c\/h3\u003e\n \u003cp class=\"aqua-card-desc\"\u003eالدرع النهائي: حماية مضاعفة وثبات طويل الأمد على البشرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"aqua-reveal\" style=\"text-align: center; margin-top: 30px;\"\u003e\n \u003cspan style=\"display: inline-block; background: var(--aqua-gradient); color: white; padding: 10px 25px; border-radius: 20px; font-weight: bold;\"\u003eالنتيجة: حماية SPF 57.9 + PA++++ UVA PF 19.3 - أعلى من المكتوب على العبوة!\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c!-- 6. Timeline Section --\u003e\n \u003ch2 class=\"aqua-section-title aqua-reveal\"\u003eرحلة التغيير - شوف بشرتك بتتحسن كل يوم\u003c\/h2\u003e\n \n \u003cdiv class=\"aqua-timeline aqua-reveal\"\u003e\n \u003cdiv class=\"aqua-timeline-item\"\u003e\n \u003cdiv class=\"aqua-timeline-badge\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqua-timeline-content\"\u003e\n \u003cdiv class=\"aqua-time-label\"\u003eاليوم الأول\u003c\/div\u003e\n \u003ch3 class=\"aqua-card-title\"\u003eالمفاجأة الأولى\u003c\/h3\u003e\n \u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✓ حماية فورية من أول مرة.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✓ إحساس بالانتعاش والترطيب العميق.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✓ ملمس مائي يختفي بدون أثر دهني.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqua-timeline-item\"\u003e\n \u003cdiv class=\"aqua-timeline-badge\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqua-timeline-content\"\u003e\n \u003cdiv class=\"aqua-time-label\"\u003eبعد أسبوع\u003c\/div\u003e\n \u003ch3 class=\"aqua-card-title\"\u003eالبداية الحلوة\u003c\/h3\u003e\n \u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✓ البشرة أنعم وأكثر نضارة.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✓ قل اللمعان الزائد للبشرة الدهنية.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✓ تحسن ملحوظ في ملمس البشرة.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqua-timeline-item\"\u003e\n \u003cdiv class=\"aqua-timeline-badge\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqua-timeline-content\"\u003e\n \u003cdiv class=\"aqua-time-label\"\u003eبعد شهر\u003c\/div\u003e\n \u003ch3 class=\"aqua-card-title\"\u003eالنتايج بتتكلم\u003c\/h3\u003e\n \u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✓ إشراق واضح وتوحيد للون البشرة.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✓ البقع الداكنة بدأت تقل.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✓ بشرة أقوى وأكثر مقاومة.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 7. Comparison Section --\u003e\n \u003ch2 class=\"aqua-section-title aqua-reveal\"\u003eمقارنة مع أي واقي شمس تاني - الفرق واضح\u003c\/h2\u003e\n \n \u003cdiv class=\"aqua-comparison-grid aqua-reveal\"\u003e\n \u003cdiv class=\"aqua-comp-card\"\u003e\n \u003ch3 class=\"aqua-card-title\" style=\"text-align: center; color: var(--text-muted);\"\u003eواقي الشمس العادي (100 جنيه)\u003c\/h3\u003e\n \u003cul class=\"aqua-comp-list\"\u003e\n \u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e حماية عادية بس\u003c\/li\u003e\n \u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e ملمس دهني أو بياض واضح\u003c\/li\u003e\n \u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e مكونات كيميائية عادية\u003c\/li\u003e\n \u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e مفيش فوايد إضافية\u003c\/li\u003e\n \u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e النتيجة: حماية مؤقتة فقط\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"aqua-comp-card premium\"\u003e\n \u003ch3 class=\"aqua-card-title\" style=\"text-align: center;\"\u003eRelief Sun Aqua Fresh\u003c\/h3\u003e\n \u003cul class=\"aqua-comp-list\"\u003e\n \u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e حماية قوية + ترطيب + علاج + تجميل\u003c\/li\u003e\n \u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e ملمس مائي فاخر بيختفي على طول\u003c\/li\u003e\n \u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e مكونات طبيعية نادرة وغالية\u003c\/li\u003e\n \u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e تحسن مستمر في جودة البشرة\u003c\/li\u003e\n \u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e النتيجة: استثمار في جمال وصحة بشرتك\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 8. CTA Section --\u003e\n \u003cdiv class=\"aqua-cta aqua-reveal\"\u003e\n \u003cdiv class=\"aqua-tilt-card aqua-media-wrapper size-sm\" style=\"margin-bottom: 30px;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_relief_sun_aqua_fresh_spf_4.webp?v=1753600391\" alt=\"استثمر في حماية بشرتك الآن\" class=\"aqua-product-media\"\u003e\n \u003c\/div\u003e\n \n \u003ch2 class=\"aqua-main-title\"\u003eقرار النهاردة هيحدد شكل بشرتك بكرة\u003c\/h2\u003e\n \u003cp class=\"aqua-card-desc\" style=\"max-width: 750px; margin: 0 auto 20px; font-size: 1.15rem;\"\u003e\n الشمس هي أكبر عدو لبشرتك، أكبر مسبب للشيخوخة المبكرة، وأول سبب للتصبغات والبقع. هل هتسيب الشمس تاكل في جلدك، ولا هتستثمر في حمايتها بمنتج علاجي بيحسنها كل يوم؟\n \u003c\/p\u003e\n \u003cp style=\"font-size: 1.3rem; font-weight: 800; color: var(--aqua-dark);\"\u003eالقرار الصح واضح!\u003c\/p\u003e\n\n \u003cbutton class=\"aqua-btn-primary\"\u003eاطلبه دلوقتي... واستثمر في مستقبل بشرتك\u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cscript\u003e\n document.addEventListener('DOMContentLoaded', () =\u003e {\n \/\/ Scroll Reveal Animation\n const reveals = document.querySelectorAll('.aqua-reveal');\n const observer = new IntersectionObserver((entries, obs) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('aqua-active');\n obs.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\n\n reveals.forEach(el =\u003e observer.observe(el));\n\n \/\/ Premium 3D Tilt Effect\n if (window.matchMedia(\"(hover: hover)\").matches) {\n const tiltCards = document.querySelectorAll('.aqua-tilt-card');\n tiltCards.forEach(card =\u003e {\n const media = card.querySelector('.aqua-product-media');\n card.addEventListener('mousemove', e =\u003e {\n const rect = card.getBoundingClientRect();\n const x = e.clientX - rect.left;\n const y = e.clientY - rect.top;\n const centerX = rect.width \/ 2;\n const centerY = rect.height \/ 2;\n \n const rotateX = ((y - centerY) \/ centerY) * -5;\n const rotateY = ((x - centerX) \/ centerX) * 5;\n \n media.style.transform = `scale(1.02) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;\n });\n\n card.addEventListener('mouseleave', () =\u003e {\n media.style.transform = `scale(1) rotateX(0deg) rotateY(0deg)`;\n });\n });\n }\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":46999412408494,"sku":null,"price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/4000a17e-2027-48ff-9425-bb8669e8ee8a.webp?v=1788175293"},{"product_id":"eva-skin-clinic-collagen-moisturizing-cream-for-youth-20-50ml","title":"Eva Skin Clinic Collagen Moisturizing Cream For youth (+20) 50ml","description":"\u003c!-- EVA Collagen Cream - Anti-Aging Protection --\u003e\n\u003cdiv class=\"eva-collagen-container\" dir=\"rtl\"\u003e\n \n \u003c!-- Hero Section --\u003e\n \u003csection class=\"hero-section\"\u003e\n \u003cdiv class=\"warning-badge\"\u003e\n \u003cspan\u003eتحذير: كل يوم يمر تتفاقم مشاكل البشرة في صمت!\u003c\/span\u003e\n \u003c\/div\u003e\n \u003ch1 class=\"main-title\"\u003e\n \u003cstrong\u003eالحرب الصامتة التي تدمر بشرتك كل ثانية\u003c\/strong\u003e\n \u003c\/h1\u003e\n \u003cdiv class=\"hero-subtitle\"\u003e\n \u003ch2\u003e\u003cstrong\u003eكريم الكولاجين من إيفا - حماية شاملة وتجديد مستمر على مدار 24 ساعة\u003c\/strong\u003e\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Silent War Section --\u003e\n \u003csection class=\"war-section dark-section\"\u003e\n \u003ch2 class=\"section-title white-text\"\u003e\n هل تعلم ماذا يحدث لبشرتك في عمر الـ20؟\n \u003c\/h2\u003e\n \n \u003cdiv class=\"war-statement\"\u003e\n \u003cp\u003eكل دقيقة تمر، بشرتك تواجه \u003cstrong\u003eهجمة شرسة\u003c\/strong\u003e من 4 جبهات:\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"damage-factors-grid\"\u003e\n \u003cdiv class=\"factor-card\"\u003e\n \u003ch4\u003e\u003cstrong\u003eالتلوث الجوي\u003c\/strong\u003e\u003c\/h4\u003e\n \u003cp\u003eيدمر 40% من الكولاجين الطبيعي سنوياً\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"factor-card\"\u003e\n \u003ch4\u003e\u003cstrong\u003eالأشعة فوق البنفسجية\u003c\/strong\u003e\u003c\/h4\u003e\n \u003cp\u003eتحرق خلايا الشباب بلا رحمة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"factor-card\"\u003e\n \u003ch4\u003e\u003cstrong\u003eالضغوط النفسية\u003c\/strong\u003e\u003c\/h4\u003e\n \u003cp\u003eتفرز سموم تأكل نضارة البشرة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"factor-card\"\u003e\n \u003ch4\u003e\u003cstrong\u003eقلة النوم\u003c\/strong\u003e\u003c\/h4\u003e\n \u003cp\u003eتمنع تجديد الخلايا بنسبة 60%\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"solution-teaser\"\u003e\n \u003cp\u003e\u003cstrong\u003eلكن ماذا لو قلنا لك أن هناك حل ثوري يقلب هذه المعادلة رأساً على عقب؟\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Benefits Section --\u003e\n \u003csection class=\"benefits-section\"\u003e\n \u003ch2 class=\"section-title\"\u003e\n كريم الكولاجين من إيفا - حماية شاملة ضد العوامل المضرة وترطيب عميق على 7 طبقات\n \u003c\/h2\u003e\n \n \u003ch3 class=\"benefits-subtitle\"\u003eالفوائد العلمية المؤكدة:\u003c\/h3\u003e\n \n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-percentage\"\u003e+340%\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eتحفيز إنتاج الكولاجين\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-percentage\"\u003e97.3%\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eحماية من التلوث\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-time\"\u003e24 ساعة\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eترطيب عميق\u003c\/strong\u003e يدوم طوال اليوم\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-percentage\"\u003e+250%\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eتقوية حاجز البشرة\u003c\/strong\u003e الطبيعي\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-time\"\u003e10 سنوات\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eتأخير علامات الشيخوخة\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"benefit-shield\"\u003eحماية كاملة\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eمن الأشعة الضارة\u003c\/strong\u003e والعوامل البيئية\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Technology Section --\u003e\n \u003csection class=\"technology-section dark-section\"\u003e\n \u003ch2 class=\"section-title white-text\"\u003e\n تقنية Hydraconcept: عندما يلتقي العلم بالمعجزة\n \u003c\/h2\u003e\n \n \u003cdiv class=\"tech-intro\"\u003e\n \u003ch3\u003e\u003cstrong\u003eالاكتشاف المذهل الذي يعيد كتابة قوانين الزمن!\u003c\/strong\u003e\u003c\/h3\u003e\n \u003cp\u003eكريم الكولاجين من إيفا ليس مجرد مرطب... إنه \u003cstrong\u003eبرنامج دفاعي متكامل\u003c\/strong\u003e يحول بشرتك إلى قلعة منيعة ضد الشيخوخة!\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"hydraconcept-features\"\u003e\n \u003ch4\u003e\u003cstrong\u003eتقنية Hydraconcept الثورية:\u003c\/strong\u003e\u003c\/h4\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003ch5\u003e\u003cstrong\u003eيكشف التلوث\u003c\/strong\u003e\u003c\/h5\u003e\n \u003cp\u003eيحدد ويحارب جزيئات التلوث الدقيقة قبل أن تخترق البشرة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003ch5\u003e\u003cstrong\u003eيصلح الأضرار\u003c\/strong\u003e\u003c\/h5\u003e\n \u003cp\u003eيعكس التلف الموجود بفعالية 800% أسرع من التجديد الطبيعي\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003ch5\u003e\u003cstrong\u003eيبني الحصانة\u003c\/strong\u003e\u003c\/h5\u003e\n \u003cp\u003eينشئ درع حماية يدوم 24 ساعة كاملة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Collagen Science Section --\u003e\n \u003csection class=\"collagen-section\"\u003e\n \u003ch2 class=\"section-title\"\u003e\n الكولاجين المعجزة: مصنع الشباب داخل بشرتك!\n \u003c\/h2\u003e\n \n \u003cdiv class=\"collagen-intro\"\u003e\n \u003ch3\u003e\u003cstrong\u003eالعلم وراء التركيبة:\u003c\/strong\u003e\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eالكولاجين المحفز للشباب\u003c\/strong\u003e في تركيبة إيفا لا يكتفي بملء الفراغات... بل يعيد \u003cstrong\u003eبرمجة خلايا البشرة بالكامل:\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"collagen-benefits-grid\"\u003e\n \u003cdiv class=\"collagen-benefit\"\u003e\n \u003cdiv class=\"benefit-number\"\u003e300%\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eينشط مصانع الكولاجين الطبيعية\u003c\/strong\u003e أسرع من المعتاد\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"collagen-benefit\"\u003e\n \u003cp\u003e\u003cstrong\u003eيصلح الألياف المكسورة\u003c\/strong\u003e في طبقات الجلد العميقة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"collagen-benefit\"\u003e\n \u003cp\u003e\u003cstrong\u003eيبني شبكة دعم جديدة\u003c\/strong\u003e تحت سطح البشرة مباشرة\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"collagen-benefit\"\u003e\n \u003cp\u003e\u003cstrong\u003eيحفز الخلايا الجذعية\u003c\/strong\u003e لإنتاج كولاجين أقوى وأكثر مرونة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"collagen-result\"\u003e\n \u003cp\u003e\u003cstrong\u003eالنتيجة المذهلة:\u003c\/strong\u003e بشرة تصنع شبابها بنفسها... إلى الأبد!\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Protection Formula Section --\u003e\n \u003csection class=\"protection-section dark-section\"\u003e\n \u003ch2 class=\"section-title white-text\"\u003e\n معادلة الحماية الشاملة: 24 ساعة × 365 يوم × حماية كاملة\n \u003c\/h2\u003e\n \n \u003cdiv class=\"protection-grid\"\u003e\n \u003cdiv class=\"protection-card morning\"\u003e\n \u003ch4\u003e\u003cstrong\u003eالحماية الصباحية\u003c\/strong\u003e\u003c\/h4\u003e\n \u003cul class=\"protection-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eيحارب 99.7%\u003c\/strong\u003e من ملوثات الهواء والغبار\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eيرطب لمدة 12 ساعة\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=\"protection-card night\"\u003e\n \u003ch4\u003e\u003cstrong\u003eالإصلاح الليلي\u003c\/strong\u003e\u003c\/h4\u003e\n \u003cul class=\"protection-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eيعكس أضرار اليوم\u003c\/strong\u003e بنسبة 95% أثناء النوم\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eيبني كولاجين جديد\u003c\/strong\u003e بمعدل 400% أسرع من المعتاد\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\/section\u003e\n\n \u003c!-- Transformation Timeline Section --\u003e\n \u003csection class=\"timeline-section\"\u003e\n \u003ch2 class=\"section-title\"\u003e\n رحلة التحول - من اليوم الأول للشباب الدائم\n \u003c\/h2\u003e\n \n \u003cdiv class=\"timeline-container\"\u003e\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-period\"\u003eاليوم الأول\u003c\/div\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch4\u003eالتأثير الفوري\u003c\/h4\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=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-period\"\u003eالأسبوع الأول\u003c\/div\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch4\u003eبناء المقاومة\u003c\/h4\u003e\n \u003cul\u003e\n \u003cli\u003eالبشرة تصبح \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=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-period\"\u003eالشهر الأول\u003c\/div\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch4\u003eالتجديد العميق\u003c\/h4\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=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-period\"\u003eالشهر الثالث\u003c\/div\u003e\n \u003cdiv class=\"timeline-content\"\u003e\n \u003ch4\u003eالانتصار النهائي\u003c\/h4\u003e\n \u003cul\u003e\n \u003cli\u003eبشرة \u003cstrong\u003eأصغر بـ5-7 سنوات\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\/section\u003e\n\n \u003c!-- Usage Instructions Section --\u003e\n \u003csection class=\"usage-section\"\u003e\n \u003ch2 class=\"section-title\"\u003e\n خطة الحماية الشاملة - روتين الـ60 ثانية\n \u003c\/h2\u003e\n \n \u003cdiv class=\"usage-routines\"\u003e\n \u003cdiv class=\"routine-card morning-routine\"\u003e\n \u003ch3\u003e\u003cstrong\u003eالروتين الصباحي:\u003c\/strong\u003e\u003c\/h3\u003e\n \u003cdiv class=\"routine-steps\"\u003e\n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eنظف الوجه بلطف وجففه بالتربيت\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n \u003cp\u003eضع \u003cstrong\u003eكمية بحجم حبة البازلاء\u003c\/strong\u003e على الوجه والرقبة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eدلك بحركات دائرية صاعدة لمدة 30 ثانية\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e4\u003c\/div\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 \u003cdiv class=\"routine-card evening-routine\"\u003e\n \u003ch3\u003e\u003cstrong\u003eالروتين المسائي:\u003c\/strong\u003e\u003c\/h3\u003e\n \u003cdiv class=\"routine-steps\"\u003e\n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eأزيلي أي مكياج وآثار اليوم بعناية\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n \u003cp\u003eطبق الكريم \u003cstrong\u003eبكمية أكثر قليلاً\u003c\/strong\u003e للإصلاح الليلي\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eدلك بلطف أكبر لتحفيز الدورة الدموية\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e4\u003c\/div\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\/section\u003e\n\n \u003c!-- Final Warning Section --\u003e\n \u003csection class=\"final-warning-section dark-section\"\u003e\n \u003ch2 class=\"section-title white-text\"\u003e\n ابدأ رحلة الشباب الأبدي اليوم... قبل أن تندم غداً!\n \u003c\/h2\u003e\n \n \u003cdiv class=\"warning-messages\"\u003e\n \u003cdiv class=\"warning-message\"\u003e\n \u003cp\u003e\u003cstrong\u003eتذكر:\u003c\/strong\u003e كل يوم تأجيل = يوم إضافي من الشيخوخة لا يمكن استرداده!\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"warning-message\"\u003e\n \u003cp\u003e\u003cstrong\u003eتذكر:\u003c\/strong\u003e الوقاية اليوم = شباب دائم غداً!\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"investment-message\"\u003e\n \u003cp\u003e\u003cstrong\u003eاستثمر في مستقبل بشرتك... واجعل الزمن حليفك، لا عدوك!\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA Section --\u003e\n \u003csection class=\"cta-section\"\u003e\n \u003ch2 class=\"section-title\"\u003e\n احم شبابك الآن... فالشيخوخة أقرب مما تتصور!\n \u003c\/h2\u003e\n \n \u003cdiv class=\"cta-content\"\u003e\n \u003cdiv class=\"cta-message\"\u003e\n \u003cp\u003e\u003cstrong\u003eلا تدع الوقت يكون عدوك... ابدأ الحماية من اليوم!\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cta-final\"\u003e\n \u003cp\u003e\u003cstrong\u003eاطلبه الآن\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"cta-sub\"\u003eوابدأ رحلة الشباب الدائم\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Ingredients List Section --\u003e\n \u003csection class=\"ingredients-list-section\"\u003e\n \u003ch2 class=\"section-title\"\u003e\n قائمة المكونات الكاملة\n \u003c\/h2\u003e\n \n \u003cdiv class=\"ingredients-full-list\"\u003e\n \u003cp\u003e\u003cstrong\u003eAqua, Hydrolyzed Collagen, Glycerin, Cetearyl Alcohol, Cyclopentasiloxane, Dimethicone, Isopropyl Myristate, Propylene Glycol, Anti-Pollution Complex, Sodium Hyaluronate, Panthenol, Allantoin, Tocopheryl Acetate, Carbomer, Triethanolamine, Phenoxyethanol, Ethylhexylglycerin, Parfum, CI 42090.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* Base Styles *\/\n.eva-collagen-container {\n font-family: inherit;\n line-height: 1.6;\n color: #333;\n max-width: 100%;\n margin: 0;\n direction: rtl;\n text-align: right;\n background-color: #fff;\n}\n\n.eva-collagen-container * {\n box-sizing: border-box;\n}\n\n\/* Section Styles *\/\nsection {\n margin-bottom: 32px;\n padding: 24px 16px;\n border-radius: 12px;\n position: relative;\n overflow: hidden;\n}\n\n.dark-section {\n background-color: #000;\n color: white;\n}\n\n\/* Typography *\/\n.main-title {\n font-size: clamp(20px, 5vw, 32px);\n font-weight: 700;\n color: #333;\n margin-bottom: 20px;\n text-align: center;\n line-height: 1.3;\n}\n\n.hero-subtitle h2 {\n font-size: clamp(16px, 3.5vw, 22px);\n font-weight: 600;\n color: #9C8102;\n text-align: center;\n margin: 0;\n}\n\n.warning-badge {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: #333;\n color: white;\n padding: 12px 20px;\n border-radius: 25px;\n margin: 0 auto 20px;\n width: fit-content;\n font-weight: 600;\n font-size: 14px;\n}\n\n.section-title {\n font-size: clamp(18px, 4vw, 24px);\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 20px;\n}\n\n.section-title.white-text {\n color: #9C8102;\n}\n\nh3 {\n font-size: clamp(16px, 3.5vw, 20px);\n font-weight: 700;\n color: #333;\n margin: 16px 0;\n}\n\nh4 {\n font-size: clamp(15px, 3vw, 18px);\n font-weight: 700;\n color: #9C8102;\n margin: 12px 0;\n}\n\nh5 {\n font-size: clamp(14px, 2.5vw, 16px);\n font-weight: 700;\n color: #9C8102;\n margin: 10px 0;\n}\n\n\/* War Section *\/\n.war-statement {\n text-align: center;\n background-color: #222;\n padding: 24px;\n border-radius: 12px;\n border: 2px solid #9C8102;\n margin-bottom: 24px;\n}\n\n.war-statement p {\n color: white;\n font-size: clamp(16px, 3vw, 18px);\n margin: 0;\n}\n\n.damage-factors-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n margin: 24px 0;\n}\n\n.factor-card {\n padding: 20px;\n background-color: #222;\n border-radius: 12px;\n border-right: 4px solid #9C8102;\n transition: all 0.3s ease;\n}\n\n.factor-card:hover {\n transform: translateX(-6px);\n background-color: #333;\n}\n\n.factor-card h4 {\n color: #9C8102;\n margin-bottom: 8px;\n}\n\n.factor-card p {\n color: #ddd;\n margin: 0;\n}\n\n.solution-teaser {\n text-align: center;\n background-color: #9C8102;\n color: white;\n padding: 20px;\n border-radius: 12px;\n margin-top: 24px;\n font-size: clamp(16px, 3vw, 18px);\n}\n\n.solution-teaser p {\n margin: 0;\n}\n\n\/* Benefits Section *\/\n.benefits-subtitle {\n text-align: center;\n color: #9C8102;\n margin-bottom: 32px;\n font-size: clamp(16px, 3vw, 18px);\n}\n\n.benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin: 24px 0;\n}\n\n.benefit-card {\n padding: 20px;\n background-color: #f5f5f5;\n border-radius: 12px;\n border-right: 4px solid #9C8102;\n text-align: center;\n transition: all 0.3s ease;\n}\n\n.benefit-card:hover {\n transform: translateY(-4px);\n background-color: #eee;\n}\n\n.benefit-percentage, .benefit-time, .benefit-shield {\n font-size: clamp(20px, 4vw, 28px);\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 8px;\n}\n\n.benefit-card p {\n margin: 0;\n font-weight: 600;\n}\n\n\/* Technology Section *\/\n.tech-intro {\n text-align: center;\n background-color: #222;\n padding: 24px;\n border-radius: 12px;\n border: 2px solid #9C8102;\n margin-bottom: 32px;\n}\n\n.tech-intro h3 {\n color: #9C8102;\n margin-bottom: 16px;\n}\n\n.tech-intro p {\n color: white;\n margin: 0;\n}\n\n.hydraconcept-features h4 {\n color: #9C8102;\n text-align: center;\n margin-bottom: 24px;\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 20px;\n}\n\n.feature-card {\n background-color: #222;\n padding: 20px;\n border-radius: 12px;\n border-right: 4px solid #9C8102;\n transition: all 0.3s ease;\n}\n\n.feature-card:hover {\n transform: translateY(-4px);\n background-color: #333;\n}\n\n.feature-card h5 {\n color: #9C8102;\n margin-bottom: 8px;\n}\n\n.feature-card p {\n color: #ddd;\n margin: 0;\n}\n\n\/* Collagen Section *\/\n.collagen-intro {\n text-align: center;\n background-color: #f5f5f5;\n padding: 24px;\n border-radius: 12px;\n border-right: 4px solid #9C8102;\n margin-bottom: 32px;\n}\n\n.collagen-intro h3 {\n color: #9C8102;\n margin-bottom: 16px;\n}\n\n.collagen-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n margin: 24px 0;\n}\n\n.collagen-benefit {\n padding: 20px;\n background-color: #f5f5f5;\n border-radius: 12px;\n border-right: 4px solid #9C8102;\n transition: all 0.3s ease;\n}\n\n.collagen-benefit:hover {\n transform: translateX(-6px);\n background-color: #eee;\n}\n\n.benefit-number {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n color: #9C8102;\n margin-bottom: 8px;\n}\n\n.collagen-benefit p {\n margin: 0;\n}\n\n.collagen-result {\n text-align: center;\n background-color: #9C8102;\n color: white;\n padding: 20px;\n border-radius: 12px;\n margin-top: 24px;\n font-size: clamp(16px, 3vw, 18px);\n}\n\n.collagen-result p {\n margin: 0;\n}\n\n\/* Protection Section *\/\n.protection-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 24px;\n margin: 32px 0;\n}\n\n.protection-card {\n background-color: #222;\n padding: 24px;\n border-radius: 12px;\n border-right: 4px solid #9C8102;\n transition: all 0.3s ease;\n}\n\n.protection-card:hover {\n transform: translateY(-4px);\n background-color: #333;\n}\n\n.protection-card h4 {\n color: #9C8102;\n margin-bottom: 16px;\n}\n\n.protection-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.protection-list li {\n padding: 8px 0;\n padding-right: 24px;\n position: relative;\n color: #ddd;\n}\n\n.protection-list li::before {\n content: \"✓\";\n position: absolute;\n right: 0;\n color: #9C8102;\n font-weight: 700;\n font-size: 16px;\n}\n\n\/* Timeline Section *\/\n.timeline-container {\n position: relative;\n max-width: 900px;\n margin: 0 auto;\n}\n\n.timeline-item {\n display: flex;\n align-items: flex-start;\n margin-bottom: 32px;\n}\n\n.timeline-period {\n width: 100px;\n background-color: #9C8102;\n color: white;\n border-radius: 12px;\n padding: 16px 12px;\n margin-left: 20px;\n flex-shrink: 0;\n font-weight: 700;\n font-size: 14px;\n text-align: center;\n}\n\n.timeline-content {\n background-color: #f5f5f5;\n padding: 24px;\n border-radius: 12px;\n border-right: 4px solid #9C8102;\n flex: 1;\n transition: all 0.3s ease;\n}\n\n.timeline-content:hover {\n transform: translateX(-4px);\n background-color: #eee;\n}\n\n.timeline-content h4 {\n color: #9C8102;\n margin-bottom: 16px;\n font-size: clamp(15px, 3vw, 18px);\n}\n\n.timeline-content ul {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.timeline-content li {\n padding: 6px 0;\n padding-right: 24px;\n position: relative;\n}\n\n.timeline-content li::before {\n content: \"→\";\n position: absolute;\n right: 0;\n color: #9C8102;\n font-weight: 700;\n font-size: 16px;\n}\n\n\/* Usage Section *\/\n.usage-routines {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n gap: 24px;\n margin: 32px 0;\n}\n\n.routine-card {\n background-color: #f5f5f5;\n padding: 24px;\n border-radius: 12px;\n border-right: 4px solid #9C8102;\n transition: all 0.3s ease;\n}\n\n.routine-card:hover {\n transform: translateY(-4px);\n background-color: #eee;\n}\n\n.routine-card h3 {\n color: #9C8102;\n margin-bottom: 20px;\n text-align: center;\n}\n\n.routine-steps {\n display: grid;\n gap: 16px;\n}\n\n.step {\n display: flex;\n align-items: flex-start;\n gap: 16px;\n}\n\n.step-number {\n width: 32px;\n height: 32px;\n background-color: #9C8102;\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n font-size: 14px;\n flex-shrink: 0;\n}\n\n.step p {\n margin: 0;\n flex: 1;\n}\n\n\/* Final Warning Section *\/\n.warning-messages {\n display: grid;\n gap: 16px;\n margin: 24px 0;\n}\n\n.warning-message {\n background-color: #222;\n padding: 20px;\n border-radius: 12px;\n border: 2px solid #9C8102;\n text-align: center;\n}\n\n.warning-message p {\n margin: 0;\n color: white;\n font-weight: 600;\n}\n\n.investment-message {\n text-align: center;\n background-color: #9C8102;\n color: white;\n padding: 24px;\n border-radius: 12px;\n margin-top: 24px;\n font-size: clamp(16px, 3vw, 18px);\n}\n\n.investment-message p {\n margin: 0;\n}\n\n\/* CTA Section *\/\n.cta-content {\n text-align: center;\n padding: 32px 24px;\n background-color: #f5f5f5;\n border-radius: 16px;\n border: 3px solid #9C8102;\n position: relative;\n overflow: hidden;\n}\n\n.cta-message {\n margin-bottom: 24px;\n}\n\n.cta-message p {\n margin: 12px 0;\n font-size: clamp(16px, 3vw, 18px);\n color: #333;\n font-weight: 600;\n}\n\n.cta-final {\n background-color: #9C8102;\n color: white;\n padding: 24px;\n border-radius: 12px;\n transition: all 0.3s ease;\n}\n\n.cta-final:hover {\n transform: translateY(-2px);\n background-color: #8B7102;\n}\n\n.cta-final p {\n margin: 8px 0;\n}\n\n.cta-final p:first-child {\n font-size: clamp(20px, 4vw, 24px);\n font-weight: 700;\n}\n\n.cta-sub {\n font-size: clamp(14px, 2.5vw, 16px);\n opacity: 0.9;\n}\n\n\/* Ingredients List Section *\/\n.ingredients-full-list {\n background-color: #f5f5f5;\n padding: 24px;\n border-radius: 12px;\n border-right: 4px solid #9C8102;\n font-size: 14px;\n line-height: 1.8;\n}\n\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n .eva-collagen-container {\n font-size: 14px;\n }\n \n section {\n padding: 20px 12px;\n margin-bottom: 24px;\n }\n \n .damage-factors-grid, .benefits-grid, .features-grid, .collagen-benefits-grid, .protection-grid {\n grid-template-columns: 1fr;\n gap: 16px;\n }\n \n .usage-routines {\n grid-template-columns: 1fr;\n gap: 16px;\n }\n \n .timeline-period {\n width: 80px;\n padding: 12px 8px;\n font-size: 12px;\n margin-left: 16px;\n }\n \n .step {\n flex-direction: column;\n align-items: flex-start;\n gap: 8px;\n }\n \n .step-number {\n width: 28px;\n height: 28px;\n font-size: 12px;\n }\n}\n\n@media (max-width: 480px) {\n .warning-badge {\n padding: 10px 16px;\n font-size: 13px;\n }\n \n .timeline-period {\n width: 70px;\n padding: 10px 6px;\n }\n \n .cta-content {\n padding: 24px 16px;\n }\n \n .usage-routines {\n grid-template-columns: 1fr;\n }\n \n .routine-card {\n padding: 20px;\n }\n}\n\n\/* Performance Optimizations *\/\n@media (prefers-reduced-motion: reduce) {\n * {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\n(function() {\n 'use strict';\n \n \/\/ Initialize when DOM is ready\n function init() {\n \/\/ Simple hover effects for cards\n const cards = document.querySelectorAll('.factor-card, .benefit-card, .feature-card, .collagen-benefit, .protection-card, .routine-card');\n cards.forEach(function(card) {\n card.addEventListener('mouseenter', function() {\n this.style.transform = 'translateX(-6px) translateY(-2px)';\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.transform = '';\n });\n });\n\n \/\/ Touch interaction for mobile\n const touchElements = document.querySelectorAll('.factor-card, .benefit-card, .feature-card, .collagen-benefit, .protection-card');\n touchElements.forEach(function(element) {\n element.addEventListener('touchstart', function() {\n this.style.transform = 'scale(0.98)';\n }, { passive: true });\n \n element.addEventListener('touchend', function() {\n this.style.transform = '';\n }, { passive: true });\n });\n\n \/\/ CTA hover effect\n const ctaSection = document.querySelector('.cta-section');\n if (ctaSection) {\n ctaSection.addEventListener('mouseenter', function() {\n this.style.transform = 'scale(1.01)';\n });\n \n ctaSection.addEventListener('mouseleave', function() {\n this.style.transform = '';\n });\n }\n\n \/\/ Basic image loading if any\n const images = document.querySelectorAll('.eva-collagen-container img');\n images.forEach(function(img) {\n if (!img.complete) {\n img.style.opacity = '0';\n img.style.transition = 'opacity 0.3s ease';\n img.addEventListener('load', function() {\n this.style.opacity = '1';\n });\n }\n });\n }\n\n \/\/ Initialize when DOM is ready\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', init);\n } else {\n init();\n }\n})();\n\u003c\/script\u003e","brand":"eva cosmetics","offers":[{"title":"Default Title","offer_id":46999417258158,"sku":null,"price":20.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/EvaSkinClinicCollagenMoisturizingCreamForyouth50ml_3b420eaa-5152-48a9-a828-1df2da4d2622.webp?v=1788175275"},{"product_id":"cosrx-advanced-snail-mucin-gel-cleanser-50ml","title":"COSRX Advanced Snail Mucin Gel Cleanser 50ml","description":"\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.hero-section {\n background: #9C8102;\n color: #fff;\n padding: 40px 20px;\n border-radius: 15px;\n margin-bottom: 30px;\n position: relative;\n overflow: hidden;\n box-shadow: 0 15px 35px rgba(156, 129, 2, 0.3);\n}\n.main-title {\n font-size: 2.2em;\n font-weight: bold;\n color: #fff;\n margin-bottom: 20px;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n}\n.subtitle {\n font-size: 1.4em;\n font-weight: bold;\n color: #fff;\n margin-bottom: 15px;\n}\n.hero-tagline {\n font-size: 1.2em;\n font-weight: bold;\n color: #fff;\n margin-bottom: 20px;\n opacity: 0.9;\n}\n.hero-text {\n font-size: 1.1em;\n line-height: 1.7;\n margin-bottom: 20px;\n color: #fff;\n}\n.problem-section {\n background: #000;\n color: #fff;\n padding: 40px 30px;\n border-radius: 15px;\n margin: 30px 0;\n}\n.problem-title {\n font-size: 2em;\n font-weight: bold;\n color: #fff;\n margin-bottom: 30px;\n text-align: center;\n}\n.benefits-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 40px 30px;\n border-radius: 15px;\n margin: 30px 0;\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.benefit-item {\n display: flex;\n align-items: flex-start;\n margin-bottom: 25px;\n padding: 20px;\n background: #fff;\n border-radius: 10px;\n transition: all 0.3s ease;\n border-right: 4px solid #9C8102;\n box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n}\n.benefit-item:hover {\n transform: translateX(-5px) scale(1.02);\n box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n}\n.benefit-icon {\n margin-left: 15px;\n color: #9C8102;\n font-size: 1.2em;\n min-width: 30px;\n}\n.benefit-content h3 {\n font-size: 1.2em;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 8px;\n}\n.benefit-content p {\n line-height: 1.6;\n margin: 0;\n color: #333;\n}\n.ingredients-section {\n background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);\n padding: 40px 30px;\n border-radius: 15px;\n margin: 30px 0;\n border: 2px solid #9C8102;\n}\n.ingredients-title {\n font-size: 2em;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 30px;\n text-align: center;\n}\n.ingredient-card {\n background: #fff;\n padding: 25px;\n border-radius: 12px;\n margin-bottom: 20px;\n border-right: 5px solid #9C8102;\n box-shadow: 0 4px 15px rgba(156, 129, 2, 0.1);\n}\n.ingredient-name {\n font-size: 1.3em;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 15px;\n}\n.ingredient-description ul {\n margin-right: 20px;\n margin-top: 10px;\n}\n.ingredient-description li {\n margin-bottom: 8px;\n line-height: 1.6;\n}\n.timeline-section {\n background: linear-gradient(135deg, #333 0%, #111 100%);\n color: #fff;\n padding: 40px 30px;\n border-radius: 15px;\n margin: 30px 0;\n border: 2px solid #9C8102;\n}\n.timeline-title {\n font-size: 2em;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 30px;\n text-align: center;\n}\n.timeline-item {\n background: rgba(156, 129, 2, 0.1);\n padding: 25px;\n border-radius: 12px;\n margin-bottom: 20px;\n border-right: 5px solid #9C8102;\n box-shadow: 0 4px 15px rgba(156, 129, 2, 0.2);\n}\n.timeline-item h3 {\n color: #9C8102;\n font-size: 1.3em;\n font-weight: bold;\n margin-bottom: 15px;\n}\n.value-section {\n background: linear-gradient(135deg, #9C8102 0%, #b8941a 100%);\n color: #fff;\n padding: 40px 30px;\n border-radius: 15px;\n margin: 30px 0;\n}\n.value-title {\n font-size: 2em;\n font-weight: bold;\n color: #fff;\n margin-bottom: 30px;\n text-align: center;\n}\n.value-item {\n background: rgba(255, 255, 255, 0.1);\n padding: 25px;\n border-radius: 12px;\n margin-bottom: 20px;\n border-right: 5px solid #fff;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n}\n.value-item h3 {\n color: #fff;\n font-size: 1.3em;\n font-weight: bold;\n margin-bottom: 10px;\n}\n.science-section {\n background: linear-gradient(135deg, #fff 0%, #f0f0f0 100%);\n padding: 40px 30px;\n border-radius: 15px;\n margin: 30px 0;\n border: 2px solid #333;\n}\n.science-title {\n font-size: 2em;\n font-weight: bold;\n color: #333;\n margin-bottom: 30px;\n text-align: center;\n}\n.question-cta {\n background: rgba(156, 129, 2, 0.1);\n padding: 25px;\n border-radius: 12px;\n margin: 20px 0;\n border: 2px dashed #9C8102;\n text-align: center;\n}\n.highlight-text {\n font-size: 1.3em;\n font-weight: bold;\n color: #9C8102;\n margin-bottom: 15px;\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.cta-title {\n font-size: 2.2em;\n font-weight: bold;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n color: #fff;\n}\n.cta-text {\n font-size: 1.2em;\n line-height: 1.6;\n position: relative;\n z-index: 2;\n color: #fff;\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"product-description\"\u003e\n \u003cdiv class=\"hero-section fade-in\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003ch1 class=\"main-title\"\u003eCOSRX Advanced Snail Mucin Gel Cleanser 50ml\u003c\/h1\u003e\n \u003ch2 class=\"subtitle\"\u003eغسول الجل المرطب بمخاط الحلزون المتطور والأرجينين المهدئ\u003c\/h2\u003e\n \u003ch3 class=\"hero-tagline\"\u003eعندما يلتقي مخاط الحلزون الطبيعي بتقنية التنظيف الكورية اللطيفة\u003c\/h3\u003e\n \u003cp class=\"hero-text\"\u003eالتنظيف التقليدي يجرد البشرة من زيوتها الطبيعية ويسبب الجفاف والتهيج. غسول كوزركس الثوري يجمع بين \u003cstrong\u003eمخاط الحلزون المرطب والأرجينين المهدئ مع تقنية التنظيف اللطيف\u003c\/strong\u003e التي تزيل الشوائب بدون إزالة الحاجز الطبيعي للبشرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"problem-section fade-in\"\u003e\n \u003ch2 class=\"problem-title\"\u003eمعضلة التنظيف: النظافة أم الترطيب؟\u003c\/h2\u003e\n \u003ch3 style=\"color: #9C8102; font-size: 1.4em; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eلماذا معظم الغسولات تضر أكثر مما تنفع؟\u003c\/strong\u003e\u003c\/h3\u003e\n\n \u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003eالدراسات الكورية في علم الجلد أثبتت أن \u003cstrong\u003e85% من غسولات الوجه تحتوي على سلفات قاسية\u003c\/strong\u003e ترفع درجة الحموضة إلى 8-10، مما يدمر الحاجز الطبيعي للبشرة ويسبب الجفاف والحساسية والالتهاب.\u003c\/p\u003e\n\n \u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9C8102;\"\u003e\u003cstrong\u003eليه مخاط الحلزون + الأرجينين هو الحل الثوري؟\u003c\/strong\u003e\u003c\/p\u003e\n\n \u003cp style=\"line-height: 1.7;\"\u003eمخاط الحلزون يحتوي على \u003cstrong\u003eمركبات طبيعية متطابقة مع بروتينات البشرة\u003c\/strong\u003e تنظف وترطب في نفس الوقت، بينما الأرجينين يوازن درجة الحموضة ويهدئ التهيج.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"benefits-section fade-in\"\u003e\n \u003ch2 class=\"benefits-title\"\u003eقوة مخاط الحلزون الطبيعية مع الأرجينين المهدئ\u003c\/h2\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 \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 يوازن درجة الحموضة عند pH 5.5 المثالي للبشرة ويمنع التهيج\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\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 \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 \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 \u003cp\u003e\u003cstrong\u003eSnail Secretion Filtrate المنقى والآمن\u003c\/strong\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\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\"\u003e\n \u003cdiv class=\"ingredient-name\"\u003e● الأرجينين - الحمض الأميني المعجزة:\u003c\/div\u003e\n \u003cdiv class=\"ingredient-description\"\u003e\n \u003cp\u003e\u003cstrong\u003eL-Arginine النقي لتوازن مثالي\u003c\/strong\u003e:\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eموازن طبيعي للحموضة:\u003c\/strong\u003e يحافظ على pH 5.5 المثالي\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 \u003cdiv class=\"timeline-section fade-in\"\u003e\n \u003ch2 class=\"timeline-title\"\u003eرحلة التحول من التجفيف إلى الترطيب:\u003c\/h2\u003e\n\n \u003cdiv class=\"timeline-item\"\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 \u003cdiv class=\"timeline-item\"\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 \u003cdiv class=\"timeline-item\"\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\n \u003cdiv class=\"value-section fade-in\"\u003e\n \u003ch2 class=\"value-title\"\u003eالثورة الكورية في عالم التنظيف\u003c\/h2\u003e\n\n \u003cdiv class=\"value-item\"\u003e\n \u003ch3\u003e◆ تقنية حصرية من كوزركس:\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eأول غسول يجمع مخاط الحلزون مع الأرجينين\u003c\/strong\u003e - تقنية كورية فريدة غير موجودة في أي منتج آخر.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"value-item\"\u003e\n \u003ch3\u003e▲ خالي من المواد الضارة:\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eبدون سلفات أو بارابين أو كحول\u003c\/strong\u003e - آمان مؤكد للاستخدام اليومي حتى للبشرة شديدة الحساسية.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"value-item\"\u003e\n \u003ch3\u003e● اقتصادي وفعال:\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e50مل تكفي لـ2-3 شهور\u003c\/strong\u003e - كمية قليلة تكفي لتنظيف فعال وترطيب عميق.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"science-section fade-in\"\u003e\n \u003ch2 class=\"science-title\"\u003eلماذا التنظيف المرطب هو المستقبل؟\u003c\/h2\u003e\n\n \u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px; text-align: center;\"\u003e\n \u003cstrong\u003eكوزركس ليس مجرد غسول... إنه ثورة في مفهوم التنظيف والعناية.\u003c\/strong\u003e\n \u003c\/p\u003e\n\n \u003cdiv class=\"question-cta\"\u003e\n \u003cp class=\"highlight-text\"\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=\"final-cta fade-in\"\u003e\n \u003ch2 class=\"cta-title\"\u003eالثورة الكورية في التنظيف المرطب\u003c\/h2\u003e\n \u003cp class=\"cta-text\"\u003e\n \u003cstrong\u003eCOSRX Advanced Snail Mucin Gel Cleanser - التنظيف الثوري\u003c\/strong\u003e\u003cbr\u003e\n تنظيف عميق وترطيب مكثف بمخاط الحلزون الطبيعي والأرجينين المهدئ\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n console.log('Comprehensive product description loaded successfully');\n\n \/\/ Add fade-in animations\n const fadeElements = document.querySelectorAll('.fade-in');\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\n fadeElements.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\u003c\/script\u003e\n","brand":"COSRX","offers":[{"title":"50ml","offer_id":46999426531502,"sku":"COSRX_ADVANCED_SNAIL_MUCIN_GEL_CLEANSER_50ML_7276","price":18.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx_snail_mucin_gel_cleanser_1_86814372-86ff-4368-8ae7-c12585d324bb.jpg?v=1788175235"},{"product_id":"anua-pdrn-hyaluronic-acid-capsule","title":"ANUA سيروم كبسولات الهيالورونيك المتقدم لتجديد وترطيب البشرة بـ PDRN (الحمض النووي للسلمون)","description":"\u003cdiv class=\"anua-alt-wrapper\" dir=\"rtl\"\u003e\n \u003cstyle\u003e\n \/* === Premium Arabic Font === *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900\u0026display=swap');\n\n \/* === Core Variables (Deep Ocean, Aqua \u0026 Salmon PDRN) === *\/\n .anua-alt-wrapper {\n \/* Dark Base Colors *\/\n --anua-navy-deep: #020611;\n --anua-navy-mid: #071324;\n --anua-salmon-deep: #140609;\n --anua-salmon-mid: #240a12;\n \n \/* Accents *\/\n --anua-aqua-bright: #38bdf8;\n --anua-aqua-dark: #0284c7;\n --anua-salmon-glow: #ff8fa3;\n --anua-salmon-dark: #e56b82;\n \n \/* Text Colors *\/\n --anua-text-main: #f1f5f9;\n --anua-text-muted: #ffffff;\n --anua-text-aqua: #bae6fd;\n --anua-text-salmon: #ffe4e6;\n \n \/* UI Elements *\/\n --anua-glass-bg: rgba(255, 255, 255, 0.03);\n --anua-glass-border: rgba(255, 255, 255, 0.08);\n \n \n line-height: 1.8;\n background-color: var(--anua-navy-deep);\n color: var(--anua-text-main);\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 10px 40px rgba(0,0,0,0.5);\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .anua-alt-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .anua-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n img {\n max-width: 100%;\n height: auto;\n border-radius: 16px;\n display: block;\n margin: 0 auto;\n box-shadow: 0 15px 35px rgba(0,0,0,0.4);\n }\n\n \n \/* 1. Theme: Deep Navy *\/\n .theme-dark-navy {\n background-color: var(--anua-navy-deep);\n padding: 80px 0;\n position: relative;\n border-bottom: 1px solid rgba(56, 189, 248, 0.05);\n }\n \n \/* 2. Theme: Aqua Gradient *\/\n .theme-gradient-aqua {\n background: linear-gradient(180deg, var(--anua-navy-deep) 0%, #06162a 50%, var(--anua-navy-deep) 100%);\n padding: 80px 0;\n position: relative;\n }\n\n \/* 3. Theme: Salmon Gradient *\/\n .theme-gradient-salmon {\n background: linear-gradient(180deg, var(--anua-navy-deep) 0%, var(--anua-salmon-mid) 50%, var(--anua-navy-deep) 100%);\n padding: 80px 0;\n position: relative;\n }\n\n \/* 4. Theme: Glassmorphism \/ Accent *\/\n .theme-glass-accent {\n background: var(--anua-navy-deep);\n padding: 80px 0;\n position: relative;\n border-top: 1px solid rgba(255, 143, 163, 0.05);\n border-bottom: 1px solid rgba(56, 189, 248, 0.05);\n }\n\n .anua-title-main {\n font-size: clamp(32px, 5vw, 50px);\n font-weight: 900;\n text-align: center;\n margin-bottom: 25px;\n line-height: 1.3;\n letter-spacing: -0.5px;\n color: #ffffff;\n }\n\n .anua-title-section {\n font-size: clamp(26px, 4vw, 36px);\n font-weight: 800;\n text-align: center;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n color: #ffffff;\n }\n\n .section-subtitle {\n font-size: clamp(16px, 2.5vw, 20px);\n text-align: center;\n max-width: 800px;\n margin: 0 auto 50px;\n font-weight: 500;\n color: var(--anua-text-muted);\n }\n\n .highlight-aqua { color: var(--anua-aqua-bright); text-shadow: 0 0 15px rgba(56,189,248,0.3); }\n .highlight-salmon { color: var(--anua-salmon-glow); text-shadow: 0 0 15px rgba(255,143,163,0.3); }\n\n .title-underline-aqua::after {\n content: ''; display: block; width: 60px; height: 4px; \n background: var(--anua-aqua-bright); margin: 15px auto 0; border-radius: 2px;\n box-shadow: 0 0 10px rgba(56,189,248,0.5);\n }\n .title-underline-salmon::after {\n content: ''; display: block; width: 60px; height: 4px; \n background: var(--anua-salmon-glow); margin: 15px auto 0; border-radius: 2px;\n box-shadow: 0 0 10px rgba(255,143,163,0.5);\n }\n\n .bg-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.3;\n pointer-events: none;\n animation: orbFloat 15s infinite alternate ease-in-out;\n z-index: 0;\n }\n .orb-aqua { background: var(--anua-aqua-dark); width: 400px; height: 400px; top: -100px; right: -100px; }\n .orb-salmon { background: var(--anua-salmon-dark); width: 350px; height: 350px; bottom: 0; left: -100px; animation-delay: -5s; }\n \n @keyframes orbFloat {\n 0% { transform: translate(0, 0) scale(1); }\n 100% { transform: translate(-30px, 40px) scale(1.1); }\n }\n\n .anua-badge {\n display: inline-block;\n padding: 8px 25px;\n border-radius: 30px;\n font-size: 1rem;\n font-weight: 700;\n margin-bottom: 25px;\n position: relative;\n z-index: 2;\n background: rgba(56, 189, 248, 0.1); \n border: 1px solid rgba(56, 189, 248, 0.3); \n color: var(--anua-aqua-bright);\n box-shadow: 0 0 15px rgba(56,189,248,0.15);\n }\n\n .anua-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; position: relative; z-index: 2; }\n .anua-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; position: relative; z-index: 2; }\n\n .card-dark-glass {\n background: rgba(15, 25, 40, 0.6);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border: 1px solid var(--anua-glass-border);\n border-radius: 20px;\n padding: 35px 25px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n transition: all 0.4s ease;\n text-align: right;\n position: relative;\n overflow: hidden;\n }\n\n \/* Salmon accented hover *\/\n .card-salmon:hover {\n transform: translateY(-8px);\n border-color: rgba(255, 143, 163, 0.4);\n box-shadow: 0 15px 35px rgba(255, 143, 163, 0.1);\n background: rgba(30, 15, 20, 0.7);\n }\n \n \/* Aqua accented hover *\/\n .card-aqua:hover {\n transform: translateY(-8px);\n border-color: rgba(56, 189, 248, 0.4);\n box-shadow: 0 15px 35px rgba(56, 189, 248, 0.1);\n background: rgba(10, 25, 45, 0.7);\n }\n\n .icon-box {\n width: 60px; height: 60px;\n border-radius: 16px;\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 20px;\n transition: all 0.4s ease;\n background: var(--anua-glass-bg);\n border: 1px solid var(--anua-glass-border);\n }\n \n .card-aqua .icon-box { color: var(--anua-aqua-bright); }\n .card-aqua:hover .icon-box { background: rgba(56, 189, 248, 0.15); transform: scale(1.1) rotate(5deg); }\n \n .card-salmon .icon-box { color: var(--anua-salmon-glow); }\n .card-salmon:hover .icon-box { background: rgba(255, 143, 163, 0.15); transform: scale(1.1) rotate(-5deg); }\n\n .icon-svg { width: 32px; height: 32px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\n\n .stat-wrap { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; margin-top: 40px; }\n .stat-box {\n flex: 1; min-width: 160px; text-align: center;\n padding: 25px; border-radius: 20px;\n background: rgba(0,0,0,0.3);\n border: 1px solid var(--anua-glass-border);\n backdrop-filter: blur(5px);\n }\n .stat-num { font-size: 3.2rem; font-weight: 900; line-height: 1; margin-bottom: 10px; color: #fff; direction: ltr;}\n\n .custom-list { list-style: none; padding: 0; }\n .custom-list li {\n position: relative; padding-right: 30px; margin-bottom: 15px; font-size: 1.05rem; color: var(--anua-text-muted);\n }\n .custom-list li::before {\n content: ''; position: absolute; right: 0; top: 6px;\n width: 20px; height: 20px;\n background-size: contain; background-repeat: no-repeat;\n }\n .list-aqua li::before {\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%2338bdf8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C\/polyline%3E%3C\/svg%3E\");\n }\n .list-salmon li::before {\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff8fa3' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C\/polyline%3E%3C\/svg%3E\");\n }\n .list-cross li::before {\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C\/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C\/line%3E%3C\/svg%3E\");\n }\n\n .timeline-container { display: flex; flex-direction: column; gap: 20px; margin-top: 40px; }\n .timeline-item {\n display: flex; align-items: flex-start; gap: 20px;\n background: rgba(10, 20, 35, 0.5); border: 1px solid var(--anua-glass-border);\n padding: 25px; border-radius: 16px;\n transition: 0.3s;\n }\n .timeline-item:hover { border-color: var(--anua-aqua-dark); transform: translateX(-5px); background: rgba(15, 30, 50, 0.8); }\n .timeline-badge {\n background: rgba(2, 132, 199, 0.2); border: 1px solid var(--anua-aqua-bright); color: var(--anua-aqua-bright); \n padding: 8px 20px; border-radius: 8px; font-weight: bold; min-width: 160px; text-align: center;\n flex-shrink: 0; box-shadow: 0 0 15px rgba(2,132,199,0.2);\n }\n \n .step-container {\n display: flex; align-items: center; background: rgba(0,0,0,0.3); \n padding: 20px; border-radius: 16px; border: 1px solid var(--anua-glass-border); \n transition: 0.3s;\n }\n .step-container:hover { border-color: var(--anua-salmon-glow); background: rgba(36, 10, 18, 0.5); }\n .step-num {\n font-size: 3rem; font-weight: 900; line-height: 1;\n color: transparent; -webkit-text-stroke: 2px var(--anua-salmon-glow);\n margin-left: 20px; font-family: system-ui, sans-serif; opacity: 0.8;\n text-shadow: 0 0 15px rgba(255,143,163,0.2);\n }\n\n .anua-reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .anua-reveal.anua-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 .theme-dark-navy, .theme-gradient-aqua, .theme-gradient-salmon, .theme-glass-accent { padding: 50px 0; }\n .timeline-item { flex-direction: column; align-items: stretch; }\n .timeline-badge { width: 100%; margin-bottom: 15px; }\n .anua-grid-3, .anua-grid-2 { gap: 20px; }\n .step-container { flex-direction: column; text-align: center; }\n .step-num { margin-left: 0; margin-bottom: 15px; }\n }\n \u003c\/style\u003e\n\n \u003c!-- 1. Hero Section (Deep Navy) --\u003e\n \u003cdiv class=\"theme-dark-navy\"\u003e\n \u003cdiv class=\"bg-orb orb-aqua\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bg-orb orb-salmon\"\u003e\u003c\/div\u003e\n \n \u003cdiv class=\"anua-container\"\u003e\n \u003cdiv style=\"text-align: center;\"\u003e\n \u003cdiv class=\"anua-badge anua-reveal\"\u003eالسيروم المعجزة الحائز على جوائز عالمية\u003c\/div\u003e\n \u003ch1 class=\"anua-title-main anua-reveal delay-1\"\u003e\n Anua PDRN Hyaluronic Acid\u003cbr\u003e\n \u003cspan class=\"highlight-aqua\"\u003eCapsule 100 Serum\u003c\/span\u003e\n \u003c\/h1\u003e\n \n \u003cp class=\"section-subtitle anua-reveal delay-2\"\u003e\n في عالم مليان بالمنتجات اللي بتوعد بالترطيب، ظهر سيروم Anua كـاختراق حقيقي. \n جمع بين تقنية \u003cspan class=\"highlight-salmon\"\u003ePDRN من الحمض النووي للسلمون\u003c\/span\u003e و11 نوع مختلف من الهيالورونيك أسيد.\n \u003c\/p\u003e\n \n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_pdrn_hyaluronic_salmon.png?v=1757592875\" alt=\"Anua PDRN Hyaluronic Acid Capsule 100\" class=\"anua-reveal\" style=\"margin: 0 auto 40px; box-shadow: 0 20px 50px rgba(0,0,0,0.8), 0 0 30px rgba(56, 189, 248, 0.1); position: relative; z-index: 2;\"\u003e\n \n \u003cdiv class=\"anua-reveal delay-1\" style=\"background: rgba(255, 143, 163, 0.05); border: 1px solid rgba(255, 143, 163, 0.3); padding: 20px; border-radius: 16px; display: inline-block; position: relative; z-index: 2; backdrop-filter: blur(10px);\"\u003e\n \u003cdiv style=\"display: flex; align-items: center; justify-content: center; gap: 15px;\"\u003e\n \u003csvg class=\"icon-svg highlight-salmon\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 15l-3-3m0 0l3-3m-3 3h8M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003cp style=\"font-size: 1.15rem; font-weight: 700; margin: 0; color: #fff;\"\u003eحاصل على جائزة Glow Pick لأفضل منتج في 2024 والأكتر مبيعاً في Olive Young\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!-- 2. The Problem (Aqua Gradient) --\u003e\n \u003cdiv class=\"theme-gradient-aqua\"\u003e\n \u003cdiv class=\"anua-container\"\u003e\n \u003ch2 class=\"anua-title-section title-underline-aqua anua-reveal\"\u003eمشكلة الجفاف العميق: لما الترطيب العادي مبيكفيش\u003c\/h2\u003e\n \u003cp class=\"section-subtitle anua-reveal\"\u003eالدراسات أثبتت إن 85% من مشاكل البشرة سببها الجفاف العميق، مش السطحي.\u003c\/p\u003e\n \n \u003cdiv class=\"anua-grid-2\"\u003e\n \u003cdiv class=\"card-dark-glass card-salmon anua-reveal\"\u003e\n \u003ch3 style=\"font-size: 1.3rem; margin-bottom: 15px; color: var(--anua-salmon-glow);\"\u003eالمشكلة (الترطيب السطحي)\u003c\/h3\u003e\n \u003cul class=\"custom-list list-cross\"\u003e\n \u003cli\u003eمعظم منتجات الترطيب العادية بتشتغل على السطح بس وتسيب الطبقات العميقة عطشانة.\u003c\/li\u003e\n \u003cli\u003eعشان كده الجفاف بيرجع تاني بعد ساعات قليلة أو بعد غسل الوجه.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"card-dark-glass card-aqua anua-reveal delay-1\"\u003e\n \u003ch3 style=\"font-size: 1.3rem; margin-bottom: 15px; color: var(--anua-aqua-bright);\"\u003eالحل (الترطيب الجزيئي)\u003c\/h3\u003e\n \u003cul class=\"custom-list list-aqua\"\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!-- 3. Benefits Grid (Salmon Gradient) --\u003e\n \u003cdiv class=\"theme-gradient-salmon\"\u003e\n \u003cdiv class=\"anua-container\"\u003e\n \u003ch2 class=\"anua-title-section title-underline-salmon anua-reveal\"\u003eالفوائد الرئيسية: ماذا سيقدم لبشرتك؟\u003c\/h2\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_pdrn_hyaluronic.webp?v=1757592925\" alt=\"فوائد Anua PDRN Serum\" class=\"anua-reveal\" style=\"margin: 0 auto 50px;\"\u003e\n \n \u003cdiv class=\"anua-grid-3\"\u003e\n \u003cdiv class=\"card-dark-glass card-aqua anua-reveal\"\u003e\n \u003cdiv class=\"icon-box\"\u003e\n \u003csvg class=\"icon-svg\" viewbox=\"0 0 24 24\"\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=\"font-size: 1.2rem; font-weight: 800; margin-bottom: 10px; color: #fff;\"\u003eترطيب فوري عميق مثبت\u003c\/h3\u003e\n \u003cp\u003e24.64% تحسن في الترطيب من أول استخدام. مياه تغوص لأعمق طبقات الجلد.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"card-dark-glass card-salmon anua-reveal delay-1\"\u003e\n \u003cdiv class=\"icon-box\"\u003e\n \u003csvg class=\"icon-svg\" viewbox=\"0 0 24 24\"\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=\"font-size: 1.2rem; font-weight: 800; margin-bottom: 10px; color: #fff;\"\u003eتجديد خلوي بتقنية PDRN\u003c\/h3\u003e\n \u003cp\u003eحمض نووي من السلمون (100ppm) لتحفيز تجديد الخلايا وإصلاح الأنسجة التالفة بقوة العيادات.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"card-dark-glass card-aqua anua-reveal delay-2\"\u003e\n \u003cdiv class=\"icon-box\"\u003e\n \u003csvg class=\"icon-svg\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z\"\u003e\u003c\/path\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=\"font-size: 1.2rem; font-weight: 800; margin-bottom: 10px; color: #fff;\"\u003eحماية من الأكسدة (جلوتاثيون)\u003c\/h3\u003e\n \u003cp\u003eمضاد أكسدة متقدم لحماية استثنائية أقوى من فيتامين C، يمنع تكسر الكولاجين من الجذور الحرة.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"card-dark-glass card-salmon anua-reveal\"\u003e\n \u003cdiv class=\"icon-box\"\u003e\n \u003csvg class=\"icon-svg\" viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"6\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"2\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3 style=\"font-size: 1.2rem; font-weight: 800; margin-bottom: 10px; color: #fff;\"\u003eتوصيل ذكي للطبقات العميقة\u003c\/h3\u003e\n \u003cp\u003eتكنولوجيا كبسولات ذكية تضمن وصول 100% من المكونات النشطة لأعماق البشرة دون أن تتلف على السطح.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"card-dark-glass card-aqua anua-reveal delay-1\"\u003e\n \u003cdiv class=\"icon-box\"\u003e\n \u003csvg class=\"icon-svg\" viewbox=\"0 0 24 24\"\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\u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3 style=\"font-size: 1.2rem; font-weight: 800; margin-bottom: 10px; color: #fff;\"\u003eتأثير الزجاج الكوري (Glass Skin)\u003c\/h3\u003e\n \u003cp\u003eيمنحك إشراق زجاجي طبيعي من أول استخدام، لتتخلصي من البهتان وتحصلي على نضارة صحية فورية.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"card-dark-glass card-salmon anua-reveal delay-2\"\u003e\n \u003cdiv class=\"icon-box\"\u003e\n \u003csvg class=\"icon-svg\" viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpolyline points=\"12 6 12 12 16 14\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3 style=\"font-size: 1.2rem; font-weight: 800; margin-bottom: 10px; color: #fff;\"\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!-- 4. Mechanism (Glassmorphism Accent) --\u003e\n \u003cdiv class=\"theme-glass-accent\"\u003e\n \u003cdiv class=\"bg-orb orb-salmon\" style=\"top: 10%; right: 10%; bottom: auto; left: auto; opacity: 0.2;\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bg-orb orb-aqua\" style=\"bottom: 10%; left: 10%; top: auto; right: auto; opacity: 0.2;\"\u003e\u003c\/div\u003e\n \n \u003cdiv class=\"anua-container\"\u003e\n \u003ch2 class=\"anua-title-section title-underline-aqua anua-reveal\"\u003eكيف يعمل؟ أسرار التركيبة\u003c\/h2\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua-serum-default-title-anua-pdrn-hyaluron-serum-43737710854383.webp?v=1757592948\" alt=\"تقنية PDRN المتطورة\" class=\"anua-reveal\" style=\"margin: 0 auto 50px;\"\u003e\n \n \u003cdiv class=\"anua-grid-3\"\u003e\n \u003cdiv class=\"card-dark-glass card-salmon anua-reveal\"\u003e\n \u003ch3 style=\"color: var(--anua-salmon-glow); font-size: 1.3rem; margin-bottom: 15px;\"\u003eالحمض النووي للسلمون - PDRN\u003c\/h3\u003e\n \u003cp style=\"color: #fff; margin-bottom: 15px; font-weight: bold;\"\u003eتركيز 100ppm مستخلص من الـ DNA.\u003c\/p\u003e\n \u003cul class=\"custom-list list-salmon\"\u003e\n \u003cli\u003eيحفز مستقبلات A2A لتنظيم إصلاح الخلايا.\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=\"card-dark-glass card-aqua anua-reveal delay-1\"\u003e\n \u003ch3 style=\"color: var(--anua-aqua-bright); font-size: 1.3rem; margin-bottom: 15px;\"\u003e11 نوع هيالورونيك أسيد\u003c\/h3\u003e\n \u003cp style=\"color: #fff; margin-bottom: 15px; font-weight: bold;\"\u003eتركيز 3% بأوزان جزيئية متدرجة.\u003c\/p\u003e\n \u003cul class=\"custom-list list-aqua\"\u003e\n \u003cli\u003eهيالورونيك مهدرج: يخترق الطبقات العميقة.\u003c\/li\u003e\n \u003cli\u003eصوديوم هيالورونات: يحبس الرطوبة على السطح.\u003c\/li\u003e\n \u003cli\u003e10 أنواع أخرى تستهدف كافة طبقات الجلد.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"card-dark-glass card-salmon anua-reveal delay-2\"\u003e\n \u003ch3 style=\"color: var(--anua-text-main); font-size: 1.3rem; margin-bottom: 15px;\"\u003eالجلوتاثيون المتقدم\u003c\/h3\u003e\n \u003cp style=\"color: #fff; margin-bottom: 15px; font-weight: bold;\"\u003eمضاد الأكسدة الأقوى للحماية الفائقة.\u003c\/p\u003e\n \u003cul class=\"custom-list list-salmon\"\u003e\n \u003cli\u003eحماية تفوق فيتامين C و E مجتمعين.\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!-- 5. Clinical Results (Aqua Gradient) --\u003e\n \u003cdiv class=\"theme-gradient-aqua\"\u003e\n \u003cdiv class=\"anua-container\"\u003e\n \u003ch2 class=\"anua-title-section title-underline-aqua anua-reveal\"\u003eالنتائج المتوقعة بالأرقام السريرية\u003c\/h2\u003e\n \u003cp class=\"section-subtitle anua-reveal\"\u003eالنتائج السريرية المؤكدة من دراسات معتمدة\u003c\/p\u003e\n \n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_pdrn_hyaluronic_acid_serum.jpg?v=1757593176\" alt=\"النتائج السريرية\" class=\"anua-reveal\" style=\"margin: 0 auto 30px;\"\u003e\n \n \u003cdiv class=\"stat-wrap anua-reveal\"\u003e\n \u003cdiv class=\"stat-box\"\u003e\n \u003cdiv class=\"stat-num highlight-aqua\"\u003e+\u003cspan class=\"anua-counter\" data-target=\"24.64\"\u003e0\u003c\/span\u003e%\u003c\/div\u003e\n \u003cp style=\"font-weight: 700; font-size: 1.1rem; color: #fff;\"\u003eتحسن الترطيب العميق فورياً\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-box\"\u003e\n \u003cdiv class=\"stat-num highlight-aqua\"\u003e+\u003cspan class=\"anua-counter\" data-target=\"8.93\"\u003e0\u003c\/span\u003e%\u003c\/div\u003e\n \u003cp style=\"font-weight: 700; font-size: 1.1rem; color: #fff;\"\u003eزيادة امتلاء البشرة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-box\"\u003e\n \u003cdiv class=\"stat-num highlight-aqua\"\u003e+\u003cspan class=\"anua-counter\" data-target=\"21.00\"\u003e0\u003c\/span\u003e%\u003c\/div\u003e\n \u003cp style=\"font-weight: 700; font-size: 1.1rem; color: #fff;\"\u003eتحسن الخطوط الدقيقة\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-box\"\u003e\n \u003cdiv class=\"stat-num highlight-aqua\"\u003e+\u003cspan class=\"anua-counter\" data-target=\"10.60\"\u003e0\u003c\/span\u003e%\u003c\/div\u003e\n \u003cp style=\"font-weight: 700; font-size: 1.1rem; color: #fff;\"\u003eتقليل التجاعيد خلال شهر\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 6. Timeline (Deep Navy) --\u003e\n \u003cdiv class=\"theme-dark-navy\"\u003e\n \u003cdiv class=\"anua-container\"\u003e\n \u003ch2 class=\"anua-title-section title-underline-salmon anua-reveal\"\u003eرحلة التحول - شوف الفرق من أول يوم\u003c\/h2\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_pdrn_hyaluronic_acid_serum.webp?v=1757593422\" alt=\"رحلة التحسن\" class=\"anua-reveal\" style=\"margin: 0 auto 40px;\"\u003e\n \n \u003cdiv class=\"timeline-container anua-reveal\"\u003e\n \u003cdiv class=\"timeline-item\"\u003e\n \u003cdiv class=\"timeline-badge\" style=\"background: rgba(56, 189, 248, 0.15); border-color: var(--anua-aqua-bright); color: var(--anua-aqua-bright);\"\u003eمن أول استخدام\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cul class=\"custom-list list-aqua\"\u003e\n \u003cli\u003e\n\u003cstrong style=\"color: #fff;\"\u003eالمفاجأة السارة:\u003c\/strong\u003e ترطيب فوري عميق بنسبة 24.64%.\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-badge\" style=\"background: rgba(255, 143, 163, 0.15); border-color: var(--anua-salmon-glow); color: var(--anua-salmon-glow); box-shadow: 0 0 15px rgba(255,143,163,0.2);\"\u003eبعد أسبوعين\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cul class=\"custom-list list-salmon\"\u003e\n \u003cli\u003e\n\u003cstrong style=\"color: #fff;\"\u003eالتحسن الواضح:\u003c\/strong\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-badge\" style=\"background: rgba(56, 189, 248, 0.15); border-color: var(--anua-aqua-bright); color: var(--anua-aqua-bright);\"\u003eبعد شهر إلى شهرين\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cul class=\"custom-list list-aqua\"\u003e\n \u003cli\u003e\n\u003cstrong style=\"color: #fff;\"\u003eتحسن مستمر:\u003c\/strong\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-badge\" style=\"background: rgba(255, 143, 163, 0.15); border-color: var(--anua-salmon-glow); color: var(--anua-salmon-glow); box-shadow: 0 0 15px rgba(255,143,163,0.2);\"\u003eبعد 3 شهور\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cul class=\"custom-list list-salmon\"\u003e\n \u003cli\u003e\n\u003cstrong style=\"color: #fff;\"\u003eالعناية الكاملة:\u003c\/strong\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 \u003c\/div\u003e\n\n \u003c!-- 7. Usage Steps (Salmon Gradient) --\u003e\n \u003cdiv class=\"theme-gradient-salmon\"\u003e\n \u003cdiv class=\"anua-container\"\u003e\n \u003ch2 class=\"anua-title-section title-underline-salmon anua-reveal\"\u003eطريقة الاستخدام المثلى\u003c\/h2\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_pdrn_hyaluronic_acid_capsules_3.png?v=1757593546\" alt=\"طريقة الاستخدام\" class=\"anua-reveal\" style=\"margin: 0 auto 40px;\"\u003e\n \n \u003cdiv class=\"anua-grid-2 anua-reveal\"\u003e\n \u003cdiv class=\"step-container\"\u003e\n \u003cdiv class=\"step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4 style=\"font-size: 1.15rem; margin-bottom: 5px; color: #fff;\"\u003eالتحضير والتنظيف\u003c\/h4\u003e\n \u003cp style=\"color: var(--anua-text-muted); font-size: 0.95rem; margin: 0;\"\u003eنظف البشرة جيداً واستخدم التونر لتهيئتها لاستقبال الترطيب العميق.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"step-container delay-1\"\u003e\n \u003cdiv class=\"step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4 style=\"font-size: 1.15rem; margin-bottom: 5px; color: #fff;\"\u003eتطبيق السيروم\u003c\/h4\u003e\n \u003cp style=\"color: var(--anua-text-muted); font-size: 0.95rem; margin: 0;\"\u003eضع 2-3 قطرات على الوجه والرقبة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"step-container\"\u003e\n \u003cdiv class=\"step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4 style=\"font-size: 1.15rem; margin-bottom: 5px; color: #fff;\"\u003eالتربيت اللطيف\u003c\/h4\u003e\n \u003cp style=\"color: var(--anua-text-muted); font-size: 0.95rem; margin: 0;\"\u003eربت بلطف بأطراف أصابعك حتى الامتصاص الكامل.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"step-container delay-1\"\u003e\n \u003cdiv class=\"step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4 style=\"font-size: 1.15rem; margin-bottom: 5px; color: #fff;\"\u003eإكمال الروتين\u003c\/h4\u003e\n \u003cp style=\"color: var(--anua-text-muted); font-size: 0.95rem; margin: 0;\"\u003eاتبع بالمرطب المعتاد لحبس ترطيب إضافي، خاصة للبشرة الجافة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"anua-grid-2 anua-reveal\" style=\"margin-top: 30px;\"\u003e\n \u003cdiv style=\"background: rgba(56, 189, 248, 0.05); border: 1px dashed rgba(56, 189, 248, 0.4); padding: 25px; border-radius: 16px; text-align: center;\"\u003e\n \u003ch4 style=\"color: var(--anua-aqua-bright); font-size: 1.2rem; margin-bottom: 10px;\"\u003eطريقة الطبقات (للجفاف الشديد)\u003c\/h4\u003e\n \u003cp style=\"color: var(--anua-text-muted); margin: 0;\"\u003eضع طبقة رفيعة واتركها تمتص، ثم كرر 2-3 مرات لتشبع مائي مضاعف.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"background: rgba(255, 143, 163, 0.05); border: 1px dashed rgba(255, 143, 163, 0.4); padding: 25px; border-radius: 16px; text-align: center;\"\u003e\n \u003ch4 style=\"color: var(--anua-salmon-glow); font-size: 1.2rem; margin-bottom: 10px;\"\u003eكـ ماسك ليلي (Sleeping Mask)\u003c\/h4\u003e\n \u003cp style=\"color: var(--anua-text-muted); margin: 0;\"\u003eضع 2-3 طبقات سميكة كآخر خطوة في روتين المساء واتركه يعمل طوال الليل.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 8. Final CTA \u0026 INCI (Deep Navy) --\u003e\n \u003cdiv class=\"theme-dark-navy\" style=\"text-align: center; border-bottom: none;\"\u003e\n \u003cdiv class=\"bg-orb orb-salmon\" style=\"top: 0; right: 20%; opacity: 0.1;\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"anua-container\"\u003e\n \n \u003ch2 class=\"anua-title-section title-underline-aqua anua-reveal\" style=\"font-size: clamp(28px, 5vw, 42px);\"\u003eسيروم Anua ليس مجرد مرطب عادي\u003c\/h2\u003e\n \u003cp class=\"section-subtitle anua-reveal\" style=\"color: #fff; max-width: 850px; line-height: 1.8;\"\u003e\n إنه استثمار في تقنية علمية حائزة على جوائز عالمية.\u003cbr\u003e\n بدلاً من التنقل بين منتجات مختلفة للترطيب السطحي، احصل على حل شامل \u003cspan class=\"highlight-salmon\"\u003e(PDRN + 11 حمض هيالورونيك)\u003c\/span\u003e مدعوم بالأبحاث السريرية ومجرب على ملايين المستخدمين حول العالم.\n \u003c\/p\u003e\n \n \u003cdiv class=\"anua-reveal delay-1\" style=\"margin: 40px 0;\"\u003e\n \u003cp style=\"font-size: 1.6rem; font-weight: 900; color: var(--anua-aqua-bright); text-shadow: 0 0 20px rgba(56,189,248,0.4);\"\u003e\n ترطيب فوري بنسبة 24%... من أول قطرة.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- INCI --\u003e\n \u003cdiv class=\"anua-reveal delay-2\" style=\"background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.05); border-radius: 16px; padding: 30px; text-align: left; direction: ltr; margin-top: 60px;\"\u003e\n \u003ch3 style=\"color: var(--anua-text-muted); margin-bottom: 15px; font-size: 1.1rem; text-align: right; direction: rtl;\"\u003eقائمة المكوّنات الكاملة\u003c\/h3\u003e\n \u003cp style=\"color: #64748b; font-size: 0.9rem; line-height: 1.8; margin: 0;\"\u003e\n Water, Butylene Glycol, Propanediol, Glycerin, \u003cstrong style=\"color: var(--anua-aqua-bright);\"\u003eHydrolyzed Hyaluronic Acid (29,049ppm)\u003c\/strong\u003e, 1,2-Hexanediol, Niacinamide, \u003cstrong style=\"color: var(--anua-salmon-glow);\"\u003eSodium DNA (100ppm)\u003c\/strong\u003e, \u003cstrong style=\"color: var(--anua-text-main);\"\u003eGlutathione\u003c\/strong\u003e, Hydrolyzed Collagen, \u003cstrong style=\"color: var(--anua-aqua-bright);\"\u003eSodium Hyaluronate (800ppm)\u003c\/strong\u003e, Adenosine, Multiple Hyaluronic Acid Types (30ppm each), ... والمزيد من المكونات النشطة المتخصصة لضمان أقصى حماية وترطيب.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cscript\u003e\n document.addEventListener('DOMContentLoaded', () =\u003e {\n \/\/ Scroll Reveal Animation\n const reveals = document.querySelectorAll('.anua-reveal');\n const observer = new IntersectionObserver((entries, obs) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('anua-active');\n \n \/\/ Trigger counters if inside revealed element\n const counters = entry.target.querySelectorAll('.anua-counter');\n if (counters.length \u003e 0) {\n runCounters(counters);\n }\n \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 \/\/ Animated Number Counters with decimal support\n function runCounters(counters) {\n counters.forEach(counter =\u003e {\n const target = parseFloat(counter.getAttribute('data-target'));\n const duration = 2000; \n const frames = 60;\n const increment = target \/ (duration \/ (1000 \/ frames)); \n let current = 0;\n\n const updateCounter = () =\u003e {\n current += increment;\n if (current \u003c target) {\n counter.innerText = current.toFixed(2);\n requestAnimationFrame(updateCounter);\n } else {\n counter.innerText = target.toFixed(2);\n }\n };\n updateCounter();\n });\n }\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Anua","offers":[{"title":"Default Title","offer_id":46999428694190,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/anua_pdrn_hyaluronic_acid_capsules_caaf0fe4-f01d-4b36-8cec-82bfc943c00d.jpg?v=1788175228"},{"product_id":"cerave-moisturizing-lotion-dry-to-very-dry-skin-236ml","title":"CeraVe Moisturizing Lotion For Dry To Very Dry Skin With Hyaluronic Acid 236ml","description":"\u003cdiv class=\"product-description\"\u003e\n\u003cdiv class=\"hero-section fade-in\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch1 class=\"main-title\"\u003eCeraVe Moisturizing Lotion\u003c\/h1\u003e\n\u003ch2 class=\"subtitle\"\u003eلوشن الترطيب المتخصص للبشرة الجافة إلى شديدة الجفاف\u003c\/h2\u003e\n\u003cp class=\"hero-text\"\u003eلوشن CeraVe المرطب هو \u003cstrong\u003eالعلاج الطبي المتقدم\u003c\/strong\u003e لجفاف البشرة المزمن. بتركيبة فريدة من \u003cstrong\u003e3 سيراميدات أساسية + حمض الهيالورونيك + النياسيناميد\u003c\/strong\u003e يعيد بناء حاجز البشرة ويحبس الرطوبة لمدة 24 ساعة.\u003c\/p\u003e\n\u003cp class=\"hero-text\"\u003eتقنية MVE الثورية تضمن \u003cstrong\u003eإطلاق تدريجي للمرطبات\u003c\/strong\u003e طوال اليوم لنعومة مستمرة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-section fade-in\"\u003e\n\u003ch2 class=\"problem-title\"\u003eجفاف البشرة: مشكلة طبية تحتاج علاج متخصص\u003c\/h2\u003e\n\u003cp\u003eالبشرة الجافة مش مجرد مشكلة جمالية، دي \u003cstrong\u003eاضطراب في وظيفة حاجز البشرة\u003c\/strong\u003e يؤدي لفقدان الرطوبة، التشقق، الحكة، والالتهابات. نقص السيراميدات والدهون الطبيعية يخلي البشرة عاجزة عن الاحتفاظ بالماء.\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; color: #9c8102; margin: 30px 0;\"\u003e\u003cstrong\u003eالحل العلمي: إعادة بناء حاجز البشرة + ترطيب عميق مستمر\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eالفوائد العلمية\u003c\/h2\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🛡️\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003e3 سيراميدات أساسية\u003c\/h3\u003e\n\u003cp\u003eتعيد بناء حاجز البشرة الطبيعي وتمنع فقدان الرطوبة لمدة 24 ساعة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\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يحبس 1000 ضعف وزنه من الماء داخل خلايا البشرة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🧬\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eنياسيناميد (فيتامين B3)\u003c\/h3\u003e\n\u003cp\u003eيهدئ الالتهاب ويحفز إنتاج الكولاجين الطبيعي\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⏰\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch3\u003eتقنية MVE\u003c\/h3\u003e\n\u003cp\u003eإطلاق تدريجي للمرطبات لمدة 24 ساعة بعد التطبيق\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\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يمتص سريعاً ويترك البشرة ناعمة دون ملمس لزج\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-guide fade-in\"\u003e\n\u003ch2 class=\"usage-title\"\u003eطريقة الاستخدام\u003c\/h2\u003e\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\u003cp\u003eطبق اللوشن على بشرة نظيفة ومازالت رطبة قليلاً لحبس الرطوبة\u003c\/p\u003e\n\u003c\/div\u003e\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\u003cp\u003eدلك بحركات دائرية صاعدة حتى الامتصاص الكامل\u003c\/p\u003e\n\u003c\/div\u003e\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\u003cp\u003eاستخدم صباحاً ومساءً للحصول على أفضل النتائج\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-list fade-in\"\u003e\n\u003ch3 class=\"ingredients-list-title\"\u003eالمكونات الرئيسية\u003c\/h3\u003e\n\u003cp class=\"ingredients-text\"\u003eAqua\/Water, Glycerin, Caprylic\/Capric Triglyceride, Cetyl Alcohol, Ceramide NP, Ceramide AP, Ceramide EOP, Carbomer, Dimethicone, Behentrimonium Methosulfate, Sodium Lauroyl Lactylate, Sodium Hyaluronate, Cholesterol, Phenoxyethanol, Disodium EDTA, Dipotassium Phosphate, Cetearyl Alcohol, Potassium Phosphate, Phytosphingosine, Xanthan Gum\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-cta fade-in\"\u003e\n\u003ch2 class=\"cta-title\"\u003eترطيب يدوم 24 ساعة\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\u003cstrong\u003eCeraVe Moisturizing Lotion\u003c\/strong\u003e\u003cbr\u003eالحل الطبي لجفاف البشرة بثقة أطباء الجلدية\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.product-description{direction:rtl;text-align:right;font-family:inherit;line-height:1.6;color:#333;max-width:100%;margin:0 auto;padding:0}\n.fade-in{opacity:0;transform:translateY(30px);transition:all .8s ease}.fade-in.visible{opacity:1;transform:translateY(0)}\n.hero-section{background:#9C8102;color:#fff;padding:40px 20px;border-radius:15px;margin-bottom:30px;position:relative;overflow:hidden;box-shadow:0 15px 35px rgba(156,129,2,.3)}\n.hero-content{position:relative;z-index:2}.main-title{font-size:2.2em;font-weight:bold;color:#fff;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}\n.subtitle{font-size:1.4em;font-weight:bold;color:#fff;margin-bottom:15px}.hero-text{font-size:1.1em;line-height:1.7;margin-bottom:20px;color:#fff}\n.product-image{text-align:center;margin:30px 0;transition:transform .3s ease}.product-image:hover{transform:scale(1.02)}\n.product-image img{max-width:100%;height:auto;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.1)}\n.problem-section{background:#000;color:#fff;padding:40px 30px;border-radius:15px;margin:30px 0}.problem-title{font-size:2em;font-weight:bold;color:#fff;margin-bottom:30px;text-align:center}\n.benefits-section{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:40px 30px;border-radius:15px;margin:30px 0}\n.benefits-title{font-size:2em;font-weight:bold;color:#9C8102;margin-bottom:30px;text-align:center}\n.benefit-item{display:flex;align-items:flex-start;margin-bottom:25px;padding:20px;background:#fff;border-radius:10px;transition:all .3s ease;border-right:4px solid #9C8102;box-shadow:0 3px 10px rgba(0,0,0,.1)}\n.benefit-item:hover{transform:translateX(-5px) scale(1.02);box-shadow:0 8px 20px rgba(0,0,0,.15)}\n.benefit-icon{margin-left:15px;color:#9C8102;font-size:1.2em;min-width:30px}.benefit-content h3{font-size:1.2em;font-weight:bold;color:#9C8102;margin-bottom:8px}\n.benefit-content p{line-height:1.6;margin:0;color:#333}\n.usage-guide{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:40px 30px;border-radius:15px;margin:30px 0}\n.usage-title{font-size:1.8em;font-weight:bold;color:#9C8102;text-align:center;margin-bottom:30px}.usage-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}\n.step-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:all .3s ease}.step-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.15)}\n.step-number{width:40px;height:40px;background:#9C8102;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;margin-bottom:15px;float:right;margin-left:15px}\n.step-title{font-weight:bold;color:#9C8102;margin-bottom:10px;font-size:1.1em}\n.ingredients-list{background:#fff;padding:30px;border-radius:12px;margin:30px 0;border:1px solid #e9ecef}.ingredients-list-title{font-size:1.5em;font-weight:bold;color:#9C8102;margin-bottom:20px}.ingredients-text{line-height:1.8;color:#333;font-size:.95em}\n.final-cta{background:linear-gradient(135deg,#6b5b00 0%,#9C8102 50%,#b8941a 100%);color:#fff;padding:50px 30px;border-radius:15px;margin:30px 0;text-align:center;position:relative;overflow:hidden;box-shadow:0 15px 35px rgba(107,91,0,.3)}\n.final-cta::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.15),transparent);transform:rotate(45deg);animation:shine 3s infinite}\n@keyframes shine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}100%{transform:translateX(100%) translateY(100%) rotate(45deg)}}\n.cta-title{font-size:2.2em;font-weight:bold;margin-bottom:20px;position:relative;z-index:2;color:#fff}.cta-text{font-size:1.2em;line-height:1.6;position:relative;z-index:2;color:#fff}\n@media(max-width:768px){.main-title{font-size:1.8em}.usage-steps{grid-template-columns:1fr}}\n\u003c\/style\u003e","brand":"CeraVe","offers":[{"title":"236ml","offer_id":46999429152942,"sku":"CERAVE_MOISTURIZING_LOTION_DRY_TO_VERY_DRY_SKIN_236ML_8224","price":10.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/ceravemoisturizinglotion.jpg?v=1788175226"},{"product_id":"medicube-pdrn-pink-collagen-capsule-cream-55g","title":"Medicube كريم الترطيب بالكولاجين بتكنولوجيا الببتيدات الوردية و الحمض النووي للسلمون 55 جرام","description":"\u003cdiv class=\"mdc-pdrn-wrapper\" dir=\"rtl\"\u003e\n \u003cstyle\u003e\n \/* =========================================\n MEDICUBE PDRN - HIGH CONTRAST DARK LUXURY\n ========================================= *\/\n .mdc-pdrn-wrapper {\n --pdrn-bg-dark: #050102; \/* أسود عميق جداً لإبراز التباين *\/\n --pdrn-bg-card: rgba(26, 7, 14, 0.7); \/* زجاج وردي داكن جداً *\/\n --pdrn-pink-main: #ff2a7a; \/* وردي نيون ساطع قوي *\/\n --pdrn-pink-dark: #8c0033; \/* وردي غامق جداً للتدرجات *\/\n --pdrn-pink-light: #ff99bb; \/* وردي فاتح جداً مضيء *\/\n --pdrn-glow: rgba(255, 42, 122, 0.5);\n \n \/* ألوان النصوص - تباين عالي فقط *\/\n --pdrn-text-title: #ffffff; \n --pdrn-text-body: #f8f9fa; \n \n --pdrn-border: rgba(255, 42, 122, 0.3);\n background-color: var(--pdrn-bg-dark);\n color: var(--pdrn-text-body);\n font-family: 'Tajawal', 'Cairo', system-ui, -apple-system, sans-serif;\n line-height: 1.8;\n overflow: hidden;\n position: relative;\n border-radius: 24px;\n box-shadow: 0 0 100px rgba(255, 42, 122, 0.08) inset;\n }\n .mdc-pdrn-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n .mdc-pdrn-wrapper img {\n max-width: 100%;\n height: auto;\n border-radius: 20px;\n display: block;\n box-shadow: 0 20px 50px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* === التمييز النيوني للنصوص المهمة === *\/\n .pdrn-hl-pink {\n color: #ff74b3;\n font-weight: 800;\n text-shadow: 0 0 8px rgba(255, 60, 140, 0.8), 0 0 20px rgba(255, 42, 122, 0.5);\n }\n .pdrn-hl-yellow {\n color: #ffe94a;\n font-weight: 800;\n text-shadow: 0 0 8px rgba(255, 225, 70, 0.8), 0 0 20px rgba(255, 200, 0, 0.45);\n }\n\n \/* Section Gradients *\/\n .pdrn-section-gradient-1 {\n background: linear-gradient(180deg, var(--pdrn-bg-dark) 0%, rgba(140, 0, 51, 0.2) 50%, var(--pdrn-bg-dark) 100%);\n padding: 50px 25px;\n }\n .pdrn-section-gradient-2 {\n background: linear-gradient(180deg, var(--pdrn-bg-dark) 0%, rgba(255, 153, 187, 0.08) 50%, var(--pdrn-bg-dark) 100%);\n padding: 50px 25px;\n }\n .pdrn-section-gradient-3 {\n background: linear-gradient(180deg, var(--pdrn-bg-dark) 0%, rgba(255, 42, 122, 0.12) 50%, var(--pdrn-bg-dark) 100%);\n padding: 50px 25px;\n }\n \/* Artistic Section Divider *\/\n .pdrn-art-divider {\n width: 100%;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--pdrn-pink-dark), var(--pdrn-pink-light), var(--pdrn-pink-dark), transparent);\n margin: 20px 0;\n position: relative;\n box-shadow: 0 0 15px var(--pdrn-glow);\n }\n .pdrn-art-divider::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 200px;\n height: 200px;\n background: radial-gradient(circle, rgba(255,42,122,0.15) 0%, transparent 70%);\n pointer-events: none;\n }\n .pdrn-container {\n max-width: 900px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n }\n \/* Floating Particles *\/\n .pdrn-ambient-particles {\n position: absolute;\n top: 0; left: 0; width: 100%; height: 100%;\n z-index: 1; pointer-events: none; overflow: hidden;\n }\n .pdrn-particle {\n position: absolute;\n background: radial-gradient(circle, var(--pdrn-glow) 0%, transparent 70%);\n border-radius: 50%;\n bottom: -100px;\n animation: floatUpCapsule 15s infinite ease-in-out;\n filter: blur(5px);\n }\n @keyframes floatUpCapsule {\n 0% { transform: translateY(0) scale(0.8) translateX(0); opacity: 0; }\n 20% { opacity: 0.8; }\n 80% { opacity: 0.6; }\n 100% { transform: translateY(-1600px) scale(1.5) translateX(40px); opacity: 0; }\n }\n \/* Typography - HIGH CONTRAST *\/\n .pdrn-title-glow {\n display: block;\n width: 100%;\n font-size: clamp(28px, 5vw, 42px);\n font-weight: 900;\n text-align: center;\n margin-bottom: 30px;\n line-height: 1.4;\n color: var(--pdrn-text-title);\n text-shadow: 0 0 20px rgba(255, 42, 122, 0.6), 0 0 40px rgba(255, 255, 255, 0.2);\n }\n .pdrn-section-title {\n display: block;\n width: 100%;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 800;\n color: var(--pdrn-text-title);\n text-align: center;\n margin: 40px auto 35px;\n position: relative;\n line-height: 1.5;\n }\n .pdrn-section-title::after {\n content: '';\n position: absolute;\n bottom: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: clamp(100px, 40%, 200px);\n height: 4px;\n background: linear-gradient(90deg, transparent, var(--pdrn-pink-main), transparent);\n border-radius: 10px;\n }\n .pdrn-hero {\n text-align: center;\n padding: 20px 0 30px;\n }\n .pdrn-badge {\n display: inline-block;\n background: rgba(255, 42, 122, 0.2);\n border: 2px solid var(--pdrn-pink-main);\n color: #ffffff;\n padding: 10px 25px;\n border-radius: 40px;\n font-size: 1.1rem;\n font-weight: 900;\n margin-bottom: 25px;\n box-shadow: 0 0 25px var(--pdrn-glow);\n letter-spacing: 0.5px;\n }\n .pdrn-hero-subtitle {\n font-size: 1.3rem;\n color: var(--pdrn-text-body);\n max-width: 800px;\n margin: 0 auto 40px;\n font-weight: 700;\n line-height: 1.8;\n border-right: 4px solid var(--pdrn-pink-main);\n padding-right: 20px;\n background: linear-gradient(90deg, transparent, rgba(255, 42, 122, 0.1));\n border-radius: 12px 0 0 12px;\n text-shadow: 0 2px 4px rgba(0,0,0,0.5);\n }\n .pdrn-glass-box {\n background: var(--pdrn-bg-card);\n backdrop-filter: blur(15px);\n -webkit-backdrop-filter: blur(15px);\n border: 1px solid var(--pdrn-border);\n border-radius: 20px;\n padding: 35px;\n margin: 40px 0;\n box-shadow: 0 25px 50px rgba(0,0,0,0.7);\n position: relative;\n overflow: hidden;\n }\n .pdrn-glass-box::before {\n content: '';\n position: absolute;\n top: 0; right: 0; width: 5px; height: 100%;\n background: linear-gradient(180deg, var(--pdrn-pink-light), var(--pdrn-pink-main), transparent);\n }\n .pdrn-glass-box p, \n .pdrn-glass-box li {\n color: var(--pdrn-text-body);\n font-size: 1.1rem;\n font-weight: 600;\n }\n .pdrn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 25px;\n margin: 40px 0;\n }\n .pdrn-card {\n background: linear-gradient(145deg, rgba(26, 7, 14, 0.9), rgba(10, 2, 5, 1));\n border: 1px solid var(--pdrn-border);\n border-radius: 20px;\n padding: 30px;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n .pdrn-card:hover {\n transform: translateY(-10px);\n border-color: var(--pdrn-pink-light);\n box-shadow: 0 15px 40px var(--pdrn-glow);\n background: rgba(36, 10, 20, 1);\n }\n .pdrn-icon {\n width: 60px; height: 60px;\n background: rgba(255, 42, 122, 0.15);\n border: 2px solid rgba(255, 153, 187, 0.4);\n border-radius: 16px;\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 25px;\n color: #ffffff;\n transition: transform 0.4s ease;\n box-shadow: 0 0 20px rgba(255, 42, 122, 0.3);\n }\n .pdrn-card:hover .pdrn-icon {\n transform: scale(1.15) rotate(-5deg);\n background: linear-gradient(135deg, var(--pdrn-pink-main), #ff0055);\n border-color: transparent;\n }\n .pdrn-card h3 {\n font-size: 1.3rem;\n color: var(--pdrn-text-title);\n margin-bottom: 15px;\n font-weight: 800;\n line-height: 1.4;\n }\n .pdrn-card p {\n color: var(--pdrn-text-body);\n font-size: 1.05rem;\n line-height: 1.7;\n font-weight: 500;\n }\n .pdrn-stats-wrap {\n display: flex; flex-wrap: wrap; gap: 20px;\n justify-content: center; margin: 40px 0;\n }\n .pdrn-stat-box {\n background: rgba(0,0,0,0.6);\n border: 2px solid var(--pdrn-border);\n border-radius: 16px;\n padding: 25px; text-align: center;\n flex: 1; min-width: 220px;\n }\n .pdrn-stat-num {\n font-size: 3rem;\n font-weight: 900;\n color: #ffffff;\n line-height: 1;\n margin-bottom: 15px;\n text-shadow: 0 0 25px var(--pdrn-glow), 0 0 10px rgba(255,255,255,0.5);\n }\n \n .pdrn-stat-title {\n color: var(--pdrn-pink-light);\n font-size: 1.2rem;\n font-weight: 800;\n margin-bottom: 8px;\n }\n .pdrn-stat-desc {\n font-size: 1rem;\n color: var(--pdrn-text-body);\n font-weight: 600;\n }\n .pdrn-ratio-box {\n display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; margin-top: 30px;\n }\n .pdrn-ratio-item {\n background: rgba(255,255,255,0.05);\n border: 2px dashed var(--pdrn-pink-main);\n padding: 20px; border-radius: 16px; text-align: center;\n }\n .pdrn-ratio-item h4 {\n color: var(--pdrn-text-title);\n font-size: 1.2rem;\n margin-bottom: 10px;\n }\n .pdrn-ratio-item span {\n display: block; font-size: 1.4rem; color: var(--pdrn-pink-light);\n font-weight: 900; margin: 15px 0;\n background: rgba(0,0,0,0.5);\n padding: 10px;\n border-radius: 8px;\n }\n .pdrn-reveal {\n opacity: 0; transform: translateY(40px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .pdrn-reveal.pdrn-active { opacity: 1; transform: translateY(0); }\n .pdrn-delay-1 { transition-delay: 0.15s; }\n .pdrn-delay-2 { transition-delay: 0.3s; }\n .pdrn-number-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n background: var(--pdrn-pink-main);\n color: #fff;\n border-radius: 50%;\n font-weight: bold;\n font-size: 18px;\n margin-left: 10px;\n }\n @media (max-width: 768px) {\n .pdrn-hero { padding: 10px 0 20px; }\n .pdrn-ratio-box { grid-template-columns: 1fr; }\n .pdrn-stat-num { font-size: 2.5rem; }\n .pdrn-glass-box { padding: 25px; }\n .pdrn-section-gradient-1, .pdrn-section-gradient-2, .pdrn-section-gradient-3 { padding: 30px 15px; }\n }\n \u003c\/style\u003e\n \u003c!-- Floating Pink Capsules Background Overlay --\u003e\n \u003cdiv class=\"pdrn-ambient-particles\" id=\"pdrn-particles\"\u003e\u003c\/div\u003e\n \u003c!-- SECTION 1: HERO \u0026 PROBLEM (Gradient: Black to Dark Pink) --\u003e\n \u003cdiv class=\"pdrn-section-gradient-1\"\u003e\n \u003cdiv class=\"pdrn-container\"\u003e\n \u003cdiv class=\"pdrn-hero pdrn-reveal pdrn-active\"\u003e\n \u003cdiv class=\"pdrn-badge\"\u003eتكنولوجيا السلمون DNA المتقدمة\u003c\/div\u003e\n \u003ch1 class=\"pdrn-title-glow\"\u003eحقنة النضارة اللي مش محتاجة إبرة... تكنولوجيا PDRN دلوقتي في بيتك!\u003c\/h1\u003e\n \u003cp class=\"pdrn-hero-subtitle\"\u003e\n \"ليه تدفعي \u003cspan class=\"pdrn-hl-yellow\"\u003eآلاف الجنيهات في جلسات الـ Skin Boosters\u003c\/span\u003e لما ممكن تاخدي \u003cspan class=\"pdrn-hl-pink\"\u003eنفس نتيجة الامتلاء والنضارة\u003c\/span\u003e كل يوم وإنتي في سريرك؟\"\n \u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Medicube_PDRN_capsule_cream_jar_202608300110.jpg?v=1788041520\" alt=\"Medicube PDRN Pink Collagen Capsule Cream\" style=\"margin-bottom: 40px;\"\u003e\n \u003ch2 class=\"pdrn-section-title\" style=\"margin-top: 0; font-size: 1.8rem; color: var(--pdrn-pink-light);\"\u003eMedicube PDRN Pink Collagen Capsule Cream\u003c\/h2\u003e\n \u003cp style=\"font-size: 1.1rem; font-weight: 600; text-align: center;\"\u003e\n السؤال اللي العيادات مش عايزاكي تسأليه: هل فعلاً لازم شكة الإبرة عشان تحصلي على \u003cspan class=\"pdrn-hl-pink\"\u003e\"البشرة الزجاجية\"\u003c\/span\u003e؟ الإجابة كانت \"أيوه\" لحد ما \u003cstrong\u003eميديكوب (Medicube)\u003c\/strong\u003e قلبت الموازين. العلم الكوري قدر \u003cspan class=\"pdrn-hl-pink\"\u003eيحبس قوة \"حقن النضارة\" (PDRN) جوه كبسولات وردية ذكية\u003c\/span\u003e بتدوب على بشرتك وتديكي تأثير الامتلاء الفوري والشد... \u003cspan class=\"pdrn-hl-yellow\"\u003eمن غير ولا شكة واحدة\u003c\/span\u003e.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pdrn-art-divider\"\u003e\u003c\/div\u003e\n \u003ch2 class=\"pdrn-section-title pdrn-reveal\"\u003eالمشكلة: الكولاجين العادي \"مبيخترقش\" الجلد\u003c\/h2\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Medicube_capsule_cream_jar_displ__202608300115.jpg?v=1788041945\" alt=\"تفاصيل الكريم والكبسولات\" class=\"pdrn-reveal\" style=\"margin-bottom: 30px;\"\u003e\n \u003cdiv class=\"pdrn-glass-box pdrn-reveal\"\u003e\n \u003ch3 style=\"text-align: center; color: var(--pdrn-text-title); font-size: 1.5rem; margin-bottom: 20px; font-weight: 900;\"\u003eالحقيقة العلمية الصادمة\u003c\/h3\u003e\n \u003cp style=\"text-align: center; margin-bottom: 25px;\"\u003e\n معظم كريمات الكولاجين في السوق جزيئاتها \u003cspan class=\"pdrn-hl-yellow\"\u003e\"عملاقة\" (أكبر من 3000 دالتون)\u003c\/span\u003e. مسام بشرتك أصغر بكتير من إنها تمتصها، فالكريم \u003cspan class=\"pdrn-hl-pink\"\u003eبيفضل قاعد على سطح الجلد\u003c\/span\u003e، مجرد \u003cspan class=\"pdrn-hl-yellow\"\u003eترطيب مؤقت بيطير مع أول غسلة\u003c\/span\u003e.\n \u003c\/p\u003e\n \u003cdiv style=\"background: rgba(255, 42, 122, 0.15); padding: 20px; border-radius: 12px; border: 1px solid var(--pdrn-pink-main);\"\u003e\n \u003cp style=\"text-align: center; font-weight: 900; color: #ffffff; font-size: 1.25rem;\"\u003e\n الحل مش في \"دهان\" الكولاجين السطحي، الحل في جزيئات الـ PDRN اللي \u003cspan class=\"pdrn-hl-yellow\"\u003eبتجبر الخلايا إنها ترجع تبني كولاجين من جوه!\u003c\/span\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c!-- SECTION 2: MECHANISM \u0026 RESULTS (Gradient: Black to Light Pink) --\u003e\n \u003cdiv class=\"pdrn-section-gradient-2\"\u003e\n \u003cdiv class=\"pdrn-container\"\u003e\n \u003ch2 class=\"pdrn-section-title pdrn-reveal\" style=\"margin-top: 0;\"\u003eكيف يعمل؟ سر \"الحمض النووي للسلمون\"\u003c\/h2\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Glowing_skincare_capsule_floating_202608300119.jpg?v=1788041993\" alt=\"كبسولة العناية المضيئة\" class=\"pdrn-reveal\" style=\"margin-bottom: 30px;\"\u003e\n \n \u003cp class=\"pdrn-reveal\" style=\"text-align: center; font-size: 1.2rem; font-weight: 700; margin-bottom: 40px; padding: 0 20px;\"\u003e\n الأبحاث أثبتت إن الـ DNA الخاص بالسلمون متطابق بنسبة \u003cstrong class=\"pdrn-hl-yellow\" style=\"font-size: 1.4rem;\"\u003e95%\u003c\/strong\u003e مع الـ DNA البشري. ده بيخليه \u003cspan class=\"pdrn-hl-pink\"\u003eالمكون الوحيد اللي بشرتك \"بتفهمه\"\u003c\/span\u003e كأنه \u003cspan class=\"pdrn-hl-pink\"\u003e\"كود إصلاح\"\u003c\/span\u003e بيدي أوامر للخلايا: \"جددي نفسك دلوقتي\".\n \u003c\/p\u003e\n \u003cdiv class=\"pdrn-grid\"\u003e\n \u003cdiv class=\"pdrn-card pdrn-reveal\"\u003e\n \u003ch3 style=\"display: flex; align-items: center;\"\u003e\n\u003cspan class=\"pdrn-number-icon\"\u003e1\u003c\/span\u003e Salmon PDRN\u003c\/h3\u003e\n \u003cp\u003e\u003cspan class=\"pdrn-hl-pink\"\u003eبيصلح الأنسجة التالفة\u003c\/span\u003e، بيعالج آثار الحبوب، وبيحفز إنتاج خلايا جديدة تماماً \u003cspan class=\"pdrn-hl-yellow\"\u003eمن العمق\u003c\/span\u003e ليعيد بناء بنية الجلد.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pdrn-card pdrn-reveal pdrn-delay-1\"\u003e\n \u003ch3 style=\"display: flex; align-items: center;\"\u003e\n\u003cspan class=\"pdrn-number-icon\"\u003e2\u003c\/span\u003e Pink Collagen Capsules\u003c\/h3\u003e\n \u003cp\u003eكولاجين مهدرج \u003cspan class=\"pdrn-hl-pink\"\u003e(مكسر لجزيئات نانو)\u003c\/span\u003e محفوظ داخل كبسولات طازجة، \u003cspan class=\"pdrn-hl-yellow\"\u003eينفجر عند ملامسة البشرة\u003c\/span\u003e ليملا التجاعيد فوراً.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pdrn-card pdrn-reveal pdrn-delay-2\"\u003e\n \u003ch3 style=\"display: flex; align-items: center;\"\u003e\n\u003cspan class=\"pdrn-number-icon\"\u003e3\u003c\/span\u003e Niacinamide \u0026amp; B12\u003c\/h3\u003e\n \u003cp\u003eفيتامين B12 يعطي الكبسولة لونها الوردي الطبيعي \u003cspan class=\"pdrn-hl-yellow\"\u003eبدون ألوان صناعية\u003c\/span\u003e، والنياسيناميد \u003cspan class=\"pdrn-hl-pink\"\u003eيوحد لون البشرة ويقلل التصبغات\u003c\/span\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pdrn-art-divider\"\u003e\u003c\/div\u003e\n \u003ch2 class=\"pdrn-section-title pdrn-reveal\"\u003eنتائج سريرية مثبتة علمياً\u003c\/h2\u003e\n \n \u003c!-- NEW INFOGRAPHIC IMAGE ADDED HERE --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Infographic_for_Medicube_PDRN_cream_202608300112_83e0225f-a063-4675-b285-bef42b20e0ee.jpg?v=1788042751\" alt=\"إنفوجرافيك نتائج Medicube PDRN\" class=\"pdrn-reveal\" style=\"margin-bottom: 40px;\"\u003e\n \u003cdiv class=\"pdrn-stats-wrap pdrn-reveal\"\u003e\n \u003cdiv class=\"pdrn-stat-box\"\u003e\n \u003cdiv class=\"pdrn-stat-num\"\u003e+102.4%\u003c\/div\u003e\n \u003cdiv class=\"pdrn-stat-title\"\u003eتحسن فوري في الترطيب\u003c\/div\u003e\n \u003cdiv class=\"pdrn-stat-desc\"\u003e\u003cspan class=\"pdrn-hl-yellow\"\u003eمباشرة بعد الاستخدام\u003c\/span\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pdrn-stat-box\"\u003e\n \u003cdiv class=\"pdrn-stat-num\"\u003e+33.0%\u003c\/div\u003e\n \u003cdiv class=\"pdrn-stat-title\"\u003eزيادة في مرونة الجلد\u003c\/div\u003e\n \u003cdiv class=\"pdrn-stat-desc\"\u003e\u003cspan class=\"pdrn-hl-yellow\"\u003eبعد أسبوعين من الاستخدام\u003c\/span\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pdrn-stat-box\"\u003e\n \u003cdiv class=\"pdrn-stat-num\"\u003e+19.4%\u003c\/div\u003e\n \u003cdiv class=\"pdrn-stat-title\"\u003eتحسن في توحيد لون البشرة\u003c\/div\u003e\n \u003cdiv class=\"pdrn-stat-desc\"\u003e\u003cspan class=\"pdrn-hl-yellow\"\u003eبعد أسبوعين من الاستخدام\u003c\/span\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c!-- SECTION 3: BENEFITS \u0026 CUSTOMIZATION (Gradient: Black to Vibrant Pink) --\u003e\n \u003cdiv class=\"pdrn-section-gradient-3\"\u003e\n \u003cdiv class=\"pdrn-container\"\u003e\n \u003ch2 class=\"pdrn-section-title pdrn-reveal\" style=\"margin-top: 0;\"\u003eإيه اللي هيحصل لبشرتك لما تستخدمي الكبسولات دي؟\u003c\/h2\u003e\n \u003cdiv class=\"pdrn-grid\"\u003e\n \u003cdiv class=\"pdrn-card pdrn-reveal\"\u003e\n \u003cdiv class=\"pdrn-icon\"\u003e\n \u003csvg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3\u003eتأثير الشد الفوري (Lifting)\u003c\/h3\u003e\n \u003cp\u003eبفضل تقنية PDRN، يعمل على الأربطة الدقيقة في الجلد ويمنحك \u003cspan class=\"pdrn-hl-pink\"\u003eمظهراً مشدوداً لخط الفك والخدين\u003c\/span\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pdrn-card pdrn-reveal pdrn-delay-1\"\u003e\n \u003cdiv class=\"pdrn-icon\"\u003e\n \u003csvg width=\"32\" height=\"32\" 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\u003eاستعادة المرونة والكثافة (Plumping)\u003c\/h3\u003e\n \u003cp\u003eمركب الكولاجين الوردي يزود \"سمك\" الجلد، فتمتلئ التجاعيد \u003cspan class=\"pdrn-hl-yellow\"\u003eمن الداخل للخارج\u003c\/span\u003e، بدلاً من التغطية السطحية المؤقتة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pdrn-card pdrn-reveal pdrn-delay-2\"\u003e\n \u003cdiv class=\"pdrn-icon\"\u003e\n \u003csvg width=\"32\" height=\"32\" 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\u003eإشراقة الزجاج (Glass Skin)\u003c\/h3\u003e\n \u003cp\u003eفيتامين B12 الوردي الطبيعي والنياسيناميد يمنحان البشرة \u003cspan class=\"pdrn-hl-pink\"\u003eلمعة زجاجية وتوهجاً صحياً\u003c\/span\u003e يعكس الضوء ويخفي البهتان.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pdrn-card pdrn-reveal\"\u003e\n \u003cdiv class=\"pdrn-icon\"\u003e\n \u003csvg width=\"32\" height=\"32\" 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\u003eتخصيص الترطيب باحترافية\u003c\/h3\u003e\n \u003cp\u003eمزيج الجل المائي والكبسولة الغنية يمكنك من \u003cspan class=\"pdrn-hl-yellow\"\u003eتفصيل الترطيب ليناسب بشرتك\u003c\/span\u003e (الدهنية أو الجافة) بدقة متناهية.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pdrn-card pdrn-reveal pdrn-delay-1\"\u003e\n \u003cdiv class=\"pdrn-icon\"\u003e\n \u003csvg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M9 11H7v9h2v-9zm4 0h-2v9h2v-9zm4 0h-2v9h2v-9zm2-7H3v2h2v9h1v2h12v-2h1V6h2V4z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3\u003eعلاج التصبغات والبهتان\u003c\/h3\u003e\n \u003cp\u003eبيحفز \u003cspan class=\"pdrn-hl-pink\"\u003eتجديد الخلايا السريع\u003c\/span\u003e بفضل الـ PDRN، مما يساعد في \u003cspan class=\"pdrn-hl-yellow\"\u003eتوحيد لون البشرة والتخلص من البهتان\u003c\/span\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pdrn-card pdrn-reveal pdrn-delay-2\"\u003e\n \u003cdiv class=\"pdrn-icon\"\u003e\n \u003csvg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M12 2L2 22h20L12 2zm0 3l7.5 14H4.5L12 5z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3\u003eتكنولوجيا الكبسولة الذكية\u003c\/h3\u003e\n \u003cp\u003eكل كبسولة هي \u003cspan class=\"pdrn-hl-pink\"\u003eخزان طازج\u003c\/span\u003e بيفرقع لحظة ما يلمس بشرتك عشان يدي \u003cspan class=\"pdrn-hl-yellow\"\u003eمفعول طازج بنسبة 100%\u003c\/span\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pdrn-art-divider\"\u003e\u003c\/div\u003e\n \u003ch2 class=\"pdrn-section-title pdrn-reveal\"\u003eفن دمج الكبسولة: فصلي الكريم على مقاس بشرتك!\u003c\/h2\u003e\n \n \u003c!-- NEW PINK CAPSULE IMAGE ADDED HERE --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Pink_skincare_capsule_floating_202608300132.jpg?v=1788042876\" alt=\"الكبسولة الوردية الذكية\" class=\"pdrn-reveal\" style=\"margin-bottom: 40px;\"\u003e\n \u003cdiv class=\"pdrn-glass-box pdrn-reveal\" style=\"text-align: center;\"\u003e\n \u003cp style=\"color: var(--pdrn-text-title); font-size: 1.2rem; font-weight: 800; margin-bottom: 25px;\"\u003eالميزة الكبرى في هذا الكريم أنه \u003cspan class=\"pdrn-hl-yellow\"\u003eلا يجبرك على قوام واحد\u003c\/span\u003e. يمكنك تغيير نسبة الدمج يومياً حسب حالة الطقس أو احتياج بشرتك:\u003c\/p\u003e\n \u003cdiv class=\"pdrn-ratio-box\"\u003e\n \u003cdiv class=\"pdrn-ratio-item\"\u003e\n \u003ch4\u003eللبشرة الدهنية \/ الصباح\u003c\/h4\u003e\n \u003cspan\u003e2 جل : 1 كبسولة\u003c\/span\u003e\n \u003cp\u003eترطيب خفيف وسريع الامتصاص، \u003cspan class=\"pdrn-hl-pink\"\u003eمثالي قبل المكياج\u003c\/span\u003e أو في الأيام الحارة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pdrn-ratio-item\"\u003e\n \u003ch4\u003eللبشرة المختلطة العادية\u003c\/h4\u003e\n \u003cspan\u003e1 جل : 1 كبسولة\u003c\/span\u003e\n \u003cp\u003e\u003cspan class=\"pdrn-hl-pink\"\u003eتوازن مثالي\u003c\/span\u003e بين الترطيب العميق والانتعاش المائي.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pdrn-ratio-item\"\u003e\n \u003ch4\u003eللبشرة الجافة \/ المساء\u003c\/h4\u003e\n \u003cspan\u003e1 جل : 2 كبسولة\u003c\/span\u003e\n \u003cp\u003eعناية ليلية مكثفة تعوض الجفاف وتعمل \u003cspan class=\"pdrn-hl-pink\"\u003eكماسك مغذي أثناء النوم\u003c\/span\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"margin-top: 40px; text-align: right; background: rgba(0,0,0,0.6); padding: 30px; border-radius: 16px; border-right: 6px solid var(--pdrn-pink-main);\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 1.3rem; display: block; margin-bottom: 15px;\"\u003eكيفية التطبيق (فن تذويب الكبسولة):\u003c\/strong\u003e\n \u003col style=\"margin-top: 10px; padding-right: 25px; font-size: 1.1rem; font-weight: 600; line-height: 2;\"\u003e\n \u003cli\u003e\n\u003cstrong class=\"pdrn-hl-pink\"\u003eالغرف:\u003c\/strong\u003e خدي كمية مناسبة بالسباتولا (تأكدي إنك خدتي \u003cspan class=\"pdrn-hl-yellow\"\u003eجل + كبسولات مع بعض\u003c\/span\u003e).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong class=\"pdrn-hl-pink\"\u003eالمزج والتنشيط:\u003c\/strong\u003e افركي الكبسولة والجل بين صوابعك أو على كف إيدك عشان \u003cspan class=\"pdrn-hl-yellow\"\u003e\"تنشطي\" المكونات الطازجة\u003c\/span\u003e.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong class=\"pdrn-hl-pink\"\u003eالتطبيق:\u003c\/strong\u003e وزعي الخليط الدافئ على وشك ورقبتك بالتساوي.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong class=\"pdrn-hl-pink\"\u003eمساج الرفع:\u003c\/strong\u003e اعملي مساج \u003cspan class=\"pdrn-hl-yellow\"\u003eمن تحت لفوق (عكس الجاذبية)\u003c\/span\u003e عشان تساعدي في عملية الشد.\u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c!-- Timeline \/ Results --\u003e\n \u003ch2 class=\"pdrn-section-title pdrn-reveal\"\u003eرحلة التحول: وداعاً لعيادات التجميل\u003c\/h2\u003e\n \u003cdiv style=\"display: flex; flex-direction: column; gap: 20px;\" class=\"pdrn-reveal\"\u003e\n \u003cdiv style=\"background: rgba(255,255,255,0.05); border: 1px solid var(--pdrn-border); padding: 25px; border-radius: 16px; border-right: 5px solid var(--pdrn-pink-main);\"\u003e\n \u003ch3 style=\"color: #ffffff; margin-bottom: 15px; font-size: 1.4rem; font-weight: 800;\"\u003eالأسبوع الأول: \u003cspan class=\"pdrn-hl-pink\"\u003eصدمة الترطيب\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cul style=\"padding-right: 25px; font-size: 1.1rem; font-weight: 600;\"\u003e\n \u003cli\u003eبشرتك \u003cspan class=\"pdrn-hl-yellow\"\u003e\"بتشرب\" الكريم\u003c\/span\u003e بشكل فوري\u003c\/li\u003e\n \u003cli\u003eالوجه منور وملمسه ناعم جداً\u003c\/li\u003e\n \u003cli\u003eزيادة في رطوبة ومرونة البشرة \u003cspan class=\"pdrn-hl-yellow\"\u003e+20%\u003c\/span\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"background: rgba(255,255,255,0.05); border: 1px solid var(--pdrn-border); padding: 25px; border-radius: 16px; border-right: 5px solid var(--pdrn-pink-main);\"\u003e\n \u003ch3 style=\"color: #ffffff; margin-bottom: 15px; font-size: 1.4rem; font-weight: 800;\"\u003eالأسبوع الثاني: \u003cspan class=\"pdrn-hl-pink\"\u003eالناس هتبدأ تلاحظ\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cul style=\"padding-right: 25px; font-size: 1.1rem; font-weight: 600;\"\u003e\n \u003cli\u003eسؤال \u003cspan class=\"pdrn-hl-yellow\"\u003e\"إنتي عملتي فيلر؟\"\u003c\/span\u003e هيبدأ يتكرر\u003c\/li\u003e\n \u003cli\u003eتحسن ملحوظ في خط الفك (V-Line)\u003c\/li\u003e\n \u003cli\u003eالخطوط التعبيرية بتبدأ تخف\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"background: rgba(255,255,255,0.05); border: 1px solid var(--pdrn-border); padding: 25px; border-radius: 16px; border-right: 5px solid var(--pdrn-pink-main);\"\u003e\n \u003ch3 style=\"color: #ffffff; margin-bottom: 15px; font-size: 1.4rem; font-weight: 800;\"\u003eالأسبوع الرابع: \u003cspan class=\"pdrn-hl-pink\"\u003eبشرة زجاجية حقيقية\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cul style=\"padding-right: 25px; font-size: 1.1rem; font-weight: 600;\"\u003e\n \u003cli\u003eالأساس بتاع بشرتك بقى قوي ومترمم\u003c\/li\u003e\n \u003cli\u003eبشرة \u003cspan class=\"pdrn-hl-yellow\"\u003e\"مكبوسة\" ومليانة نضارة (Plump)\u003c\/span\u003e\n\u003c\/li\u003e\n \u003cli\u003eاختفاء الخطوط الرفيعة حول العين والفم\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c!-- Social Proof --\u003e\n \u003cdiv class=\"pdrn-art-divider\"\u003e\u003c\/div\u003e\n \n \u003ch2 class=\"pdrn-section-title pdrn-reveal\"\u003eقيمة مقابل سعر خرافية\u003c\/h2\u003e\n \u003cdiv class=\"pdrn-grid pdrn-reveal\"\u003e\n \u003cdiv class=\"pdrn-card\" style=\"border-color: var(--pdrn-pink-main);\"\u003e\n \u003ch4 style=\"color: #fff; margin-bottom: 10px; font-size: 1.1rem;\"\u003e◆ بديل الحقن\u003c\/h4\u003e\n \u003cp\u003eجلسة PDRN واحدة بتكلف \u003cspan class=\"pdrn-hl-yellow\"\u003e5000 جنيه\u003c\/span\u003e. الكريم ده بيديكي \u003cspan class=\"pdrn-hl-pink\"\u003eكورس شهرين بجزء بسيط من السعر\u003c\/span\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pdrn-card\" style=\"border-color: var(--pdrn-pink-main);\"\u003e\n \u003ch4 style=\"color: #fff; margin-bottom: 10px; font-size: 1.1rem;\"\u003e▲ تكنولوجيا حصرية\u003c\/h4\u003e\n \u003cp\u003eمفيش منتج في السوق بيقدم \u003cspan class=\"pdrn-hl-pink\"\u003eتقنية الكبسولات دي\u003c\/span\u003e بنفس التركيز والجودة الكورية.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pdrn-glass-box pdrn-reveal\" style=\"padding: 25px;\"\u003e\n \u003ch3 style=\"color: var(--pdrn-pink-light); margin-bottom: 15px; text-align: center;\"\u003eتجارب حقيقية: ماذا يقول المستخدمون؟\u003c\/h3\u003e\n \u003cul style=\"list-style: none;\"\u003e\n \u003cli style=\"margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed rgba(255,255,255,0.1);\"\u003e\n \u003cstrong style=\"color: #fff;\"\u003eالجانب المشرق:\u003c\/strong\u003e\n \u003cp style=\"color: var(--pdrn-text-body); margin-top: 5px;\"\u003eإشادة كبيرة بـ\u003cspan class=\"pdrn-hl-pink\"\u003eتأثير \"الزجاج\" الفوري والترطيب العميق الممتد\u003c\/span\u003e. الكثيرات لاحظن تحسناً في مرونة الجلد وامتلاء الخطوط الرفيعة بعد فترة قصيرة، وأحببن \u003cspan class=\"pdrn-hl-yellow\"\u003eميزة التحكم في قوام الكريم\u003c\/span\u003e حسب تقلبات بشرتهن.\u003c\/p\u003e\n \u003c\/li\u003e\n \u003cli style=\"margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed rgba(255,255,255,0.1);\"\u003e\n \u003cstrong style=\"color: #fff;\"\u003eنقطة للملاحظة:\u003c\/strong\u003e\n \u003cp style=\"color: var(--pdrn-text-body); margin-top: 5px;\"\u003eأشار البعض إلى أن الوصول لنسبة الخلط المثالية \u003cspan class=\"pdrn-hl-yellow\"\u003eقد يستغرق بضع محاولات في البداية\u003c\/span\u003e. كما يُنصح أصحاب البشرة الدهنية جداً بـ\u003cspan class=\"pdrn-hl-pink\"\u003eتقليل كمية الكبسولات نهاراً\u003c\/span\u003e لتجنب أي ملمس لزج أو ثقيل.\u003c\/p\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong style=\"color: #fff;\"\u003eالخلاصة:\u003c\/strong\u003e\n \u003cp style=\"color: var(--pdrn-text-body); margin-top: 5px;\"\u003e\u003cspan class=\"pdrn-hl-pink\"\u003eاستثمار ممتاز ومبتكر لتجديد البشرة الباهتة\u003c\/span\u003e والحصول على نضارة ملحوظة، متى ما توصلتِ للوزنة المثالية التي تناسب طبيعة بشرتك!\u003c\/p\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Value and CTA --\u003e\n \u003cdiv class=\"pdrn-reveal\" style=\"text-align: center; margin-top: 40px; padding: 50px 25px; background: linear-gradient(180deg, rgba(26, 7, 14, 0.9), rgba(255, 42, 122, 0.15)); border-radius: 24px; border: 2px solid var(--pdrn-pink-main); box-shadow: 0 20px 60px rgba(255, 42, 122, 0.2);\"\u003e\n \u003ch2 class=\"pdrn-title-glow\" style=\"font-size: clamp(26px, 4vw, 36px);\"\u003eوداعاً لعيادات التجميل المكلفة\u003c\/h2\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Medicube_capsule_cream_jar_displ__202608300110.jpg?v=1788041520\" alt=\"Medicube PDRN Value\" style=\"margin: 40px auto; border-radius: 20px; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.8);\"\u003e\n \u003cp style=\"font-size: 1.3rem; font-weight: 700; color: #ffffff; max-width: 800px; margin: 0 auto 30px; line-height: 1.8;\"\u003e\n جلسة PDRN واحدة في العيادة تكلف \u003cspan class=\"pdrn-hl-yellow\"\u003eآلاف الجنيهات وتحتاج إلى حقن مزعج\u003c\/span\u003e. \u003cstrong class=\"pdrn-hl-pink\"\u003eMedicube PDRN Pink Collagen\u003c\/strong\u003e يوفر لك كورس عناية منزلي متكامل يعطيكِ نضارة ملحوظة، امتلاءً، ومرونة... \u003cspan class=\"pdrn-hl-yellow\"\u003eدون ألم أو فترة نقاهة\u003c\/span\u003e.\n \u003c\/p\u003e\n \u003cp style=\"color: var(--pdrn-pink-light); font-size: 1.7rem; font-weight: 900; margin-bottom: 20px; text-shadow: 0 0 20px var(--pdrn-glow);\"\u003e\n \"الزمن مش هيقف، بس بشرتك ممكن تقف.\" استثمري في شبابها الآن!\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c!-- Ingredients Footer --\u003e\n \u003cdiv class=\"pdrn-reveal\" style=\"background: rgba(0,0,0,0.8); border: 1px solid rgba(255,255,255,0.1); border-radius: 16px; padding: 30px; margin-top: 50px; text-align: left; direction: ltr;\"\u003e\n \u003ch3 style=\"color: #ffffff; margin-bottom: 15px; font-size: 1.3rem; text-align: right; direction: rtl; font-weight: 800;\"\u003eقائمة المكوّنات الرئيسية\u003c\/h3\u003e\n \u003cp style=\"font-size: 1rem; color: #f8f9fa; line-height: 1.8; font-weight: 500;\"\u003e\n Water, Glycerin, \u003cstrong class=\"pdrn-hl-pink\"\u003eNiacinamide (Brightening)\u003c\/strong\u003e, Methylpropanediol, Propanediol, 1,2-Hexanediol, Dipropylene Glycol, Caprylic\/Capric Triglyceride, Arginine, Butylene Glycol, Carbomer, \u003cstrong class=\"pdrn-hl-pink\"\u003eSodium DNA (Salmon PDRN)\u003c\/strong\u003e, \u003cstrong class=\"pdrn-hl-pink\"\u003eHydrolyzed Collagen Extract\u003c\/strong\u003e, \u003cstrong class=\"pdrn-hl-pink\"\u003eCyanocobalamin (Vitamin B12)\u003c\/strong\u003e, \u003cstrong class=\"pdrn-hl-pink\"\u003eCopper Tripeptide-1, Acetyl Hexapeptide-8, Palmitoyl Pentapeptide-4 (Peptide Complex)\u003c\/strong\u003e, Sodium Hyaluronate, Hydrolyzed Hyaluronic Acid, Ceramide NP, Adenosine, Ethylhexylglycerin.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cscript\u003e\n document.addEventListener(\"DOMContentLoaded\", function() {\n \/\/ Scroll Reveal Logic\n const reveals = document.querySelectorAll('.pdrn-reveal');\n const revealObserver = new IntersectionObserver(function(entries, observer) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('pdrn-active');\n observer.unobserve(entry.target); \n }\n });\n }, {\n root: null,\n threshold: 0.1,\n rootMargin: \"0px 0px -50px 0px\"\n });\n reveals.forEach(function(reveal) {\n reveal.classList.remove('pdrn-active');\n revealObserver.observe(reveal);\n });\n \/\/ Floating Background Particles Logic\n const ambientContainer = document.getElementById('pdrn-particles');\n const particleCount = 25; \n for (let i = 0; i \u003c particleCount; i++) {\n const particle = document.createElement('div');\n particle.classList.add('pdrn-particle');\n const size = Math.random() * 50 + 20; \n const left = Math.random() * 100; \n const duration = Math.random() * 15 + 12; \n const delay = Math.random() * 10; \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 ambientContainer.appendChild(particle);\n }\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Medicube","offers":[{"title":"Default Title","offer_id":47239567081646,"sku":null,"price":27.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/medicube_pdrn_capsule_cream.jpg?v=1788175197"},{"product_id":"some-by-mi-snail-truecica-cream","title":"Some By Mi Snail Truecica Miracle Repair Cream","description":"\u003c!-- Some By Mi Snail Truecica Cream - Ultra Luxury Glassmorphism Design --\u003e\n\u003cdiv id=\"snail-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 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 \u003ch1 class=\"main-title gold-text\"\u003eالعلم الكوري أخيراً يحل المعضلة التي فشلت فيها كل كريمات الترطيب\u003c\/h1\u003e\n \u003cp class=\"desc-text\"\u003e\n أول كريم في فئته يجمع أعلى تركيز من \u003cstrong\u003eمخاط الحلزون الأسود (40%)\u003c\/strong\u003e مع الخماسية الكاملة للسيراميدات ومركب ™Truecica الحصري في تركيبة واحدة — مستحيل أن تجديه في أي منتج آخر.\n \u003c\/p\u003e\n \u003ca href=\"#glass-buy\" class=\"gold-btn\" onclick=\"window.scrollTo(0,0); return false;\"\u003eابدأي رحلة الإصلاح\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-visual\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Product_with_black_snails_202605241303.jpg?v=1779617032\" alt=\"Snail Truecica Cream\" class=\"floating-img\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/header\u003e\n\n \u003c!-- 2. The Breakthrough --\u003e\n \u003csection class=\"glass-section\"\u003e\n \u003cdiv class=\"glass-panel split-panel glass-reveal\"\u003e\n \u003cdiv class=\"split-content\"\u003e\n \u003ch2 class=\"gold-text\"\u003eليس مجرد كريم ترطيب... إنه إصلاح شامل\u003c\/h2\u003e\n \u003cdiv class=\"gold-divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"lead-text text-white\"\u003e\n كريمات الترطيب العادية تعالج السطح فقط. كريمات آثار الحبوب تفتّح اللون فقط. كريمات السيراميد تصلح الحاجز الجلدي فقط. \n \u003cbr\u003e\u003cbr\u003e\n \u003cstrong class=\"gold-text-solid\"\u003eتضطرين لشراء منتجات متعددة دون الوصول للنتيجة المرجوة، لأن بشرتك المتضررة تحتاج إلى كل هذه العلاجات في نفس اللحظة!\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003cp class=\"desc-text\"\u003e\n هذا بالضبط هو الاختراق العلمي الذي يقدمه Some By Mi Snail Truecica Miracle Repair Cream. أول معادلة علاجية متكاملة تعمل على 5 مستويات في آنٍ واحد:\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 \u003cli\u003eتجديد مرونة الجلد.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"split-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/0A3E16D8-A041-4468-A992-F8DF13A3681F_grande_54967b7a-3b61-4316-9db0-816935374353.webp?v=1779617464\" alt=\"5 in 1 Formula\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- 3. Comprehensive Benefits Grid --\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 \u003c\/div\u003e\n \n \u003cdiv class=\"glass-grid grid-3\"\u003e\n \u003cdiv class=\"glass-card minimal-card glass-reveal\"\u003e\n \u003cdiv class=\"icon-circle emoji-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch4 class=\"text-white\"\u003eإصلاح الحاجز من الأعماق\u003c\/h4\u003e\n \u003cp\u003eبمركب الـ 5 سيراميدات الكامل (NP, NS, AS, AP, EOP) ليطابق السيراميدات الطبيعية في بشرتك ويمنع فقدان الرطوبة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glass-card minimal-card glass-reveal\"\u003e\n \u003cdiv class=\"icon-circle emoji-icon\"\u003e✨\u003c\/div\u003e\n \u003ch4 class=\"text-white\"\u003eمحو البقع والآثار العنيدة\u003c\/h4\u003e\n \u003cp\u003eمخاط الحلزون 40% + النياسيناميد يسرعان علمياً عملية تجديد الخلايا وتفتيح التصبغات من الأسبوع الثاني.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glass-card minimal-card glass-reveal\"\u003e\n \u003cdiv class=\"icon-circle emoji-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch4 class=\"text-white\"\u003eتهدئة فورية للالتهاب\u003c\/h4\u003e\n \u003cp\u003eمركب ™Truecica ثلاثي القوة يضم شاي الشجرة (10,000 ppm) والسنتيلا لإخماد الالتهاب في دقائق.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glass-card minimal-card glass-reveal\"\u003e\n \u003cdiv class=\"icon-circle emoji-icon\"\u003e💧\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 emoji-icon\"\u003e⏳\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 emoji-icon\"\u003e🛡️\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 emoji-icon\"\u003e🔬\u003c\/div\u003e\n \u003ch4 class=\"text-white\"\u003eتسريع شفاء الخلايا\u003c\/h4\u003e\n \u003cp\u003e4 مستخلصات معزولة من السنتيلا بتركيزات دقيقة لتحفيز الكولاجين وشفاء الجروح وآثار الحبوب.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glass-card minimal-card glass-reveal\"\u003e\n \u003cdiv class=\"icon-circle emoji-icon\"\u003e🎯\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 emoji-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch4 class=\"text-white\"\u003eدرع حماية مزدوج\u003c\/h4\u003e\n \u003cp\u003eفيتامين E + السكوالان يحميان الدهون الطبيعية للبشرة من التلوث والأشعة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- 4. Science Dossier --\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\"\u003e5 مركبات متقدمة — هندسة بيولوجية دقيقة\u003c\/h2\u003e\n \u003cp class=\"text-white\"\u003eتطور مخاط الحلزون الأسود على مدى ملايين السنين كآلية إصلاح بيولوجية لا مثيل لها.\u003c\/p\u003e\n \u003cdiv class=\"gold-divider\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snails_with_scientific_vibes_202605241312.jpg?v=1779617584\" alt=\"Science behind Snail Truecica\" class=\"floating-img glass-reveal\" style=\"margin: 0 auto 3rem auto; max-width: 600px;\"\u003e\n\n \u003cdiv class=\"dossier-list\"\u003e\n \u003cdiv class=\"glass-card tech-card glass-reveal\"\u003e\n \u003cdiv class=\"tech-icon-wrapper\"\u003e\n \u003ch2 class=\"gold-text-solid\" style=\"margin:0;\"\u003e01\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tech-info\"\u003e\n \u003ch4 class=\"text-white\"\u003eمخاط الحلزون الأسود 40% (400,000 ppm)\u003c\/h4\u003e\n \u003ch5 class=\"gold-text-solid\"\u003eمصنع الإصلاح الطبيعي\u003c\/h5\u003e\n \u003cp\u003eمادة بيولوجية معقدة يستخدمها الحلزون لإصلاح أنسجته. تحتوي على الجليكوبروتينات لتحفيز الكولاجين، الهيالورونيك للترطيب، الجليكوليك للتقشير، الأللانتوين للشفاء، والببتيدات للتجديد.\u003c\/p\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 \u003ch2 class=\"gold-text-solid\" style=\"margin:0;\"\u003e02\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tech-info\"\u003e\n \u003ch4 class=\"text-white\"\u003eمركب ™Truecica\u003c\/h4\u003e\n \u003ch5 class=\"gold-text-solid\"\u003eالدرع الكوري الثلاثي\u003c\/h5\u003e\n \u003cp\u003eتقنية حصرية تجمع شجرة الشاي (10,000 ppm) للقضاء على بكتيريا الحبوب، الأرتيميسيا لتهدئة الاحمرار، والسنتيلا مع 4 مستخلصات معزولة (Asiaticoside, Madecassoside) لإصلاح الجروح.\u003c\/p\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 \u003ch2 class=\"gold-text-solid\" style=\"margin:0;\"\u003e03\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tech-info\"\u003e\n \u003ch4 class=\"text-white\"\u003eمجمع الـ 5 سيراميدات الكامل\u003c\/h4\u003e\n \u003ch5 class=\"gold-text-solid\"\u003eإعادة بناء الحاجز جزيئة جزيئة\u003c\/h5\u003e\n \u003cp\u003eيحتوي على (NP, NS, AS, AP, EOP) مع الكوليسترول والفيتوسفينجوزين لإكمال المصفوفة الدهنية الطبيعية وضمان اندماج السيراميدات مع بنية البشرة بشكل حقيقي.\u003c\/p\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 \u003ch2 class=\"gold-text-solid\" style=\"margin:0;\"\u003e04\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tech-info\"\u003e\n \u003ch4 class=\"text-white\"\u003eالكولاجين البحري المهدرج\u003c\/h4\u003e\n \u003ch5 class=\"gold-text-solid\"\u003eحقن النضارة... بدون إبرة\u003c\/h5\u003e\n \u003cp\u003eمكسر لجزيئات ببتيدية صغيرة تخترق الطبقات الجلدية العميقة، لتمنحك بشرة أكثر كثافة وخطوط أقل وضوحاً.\u003c\/p\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 \u003ch2 class=\"gold-text-solid\" style=\"margin:0;\"\u003e05\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tech-info\"\u003e\n \u003ch4 class=\"text-white\"\u003eالأدينوسين + فيتامين E + السكوالان\u003c\/h4\u003e\n \u003ch5 class=\"gold-text-solid\"\u003eالثالوث الصامت\u003c\/h5\u003e\n \u003cp\u003eالأدينوسين لتقليل الخطوط، فيتامين E للحماية من الأكسدة، والسكوالان كمرطب حيوي خفيف لا يسد المسام أبداً.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- 5. Clinical Results --\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 \u003c\/div\u003e\n \u003cdiv class=\"glass-grid grid-3\"\u003e\n \u003cdiv class=\"glass-card cause-card glass-reveal\" style=\"justify-content: center;\"\u003e\n \u003ch4 class=\"gold-text-solid\" style=\"font-size: 2.2rem; margin-bottom: 0;\"\u003e82%\u003c\/h4\u003e\n \u003ch4 class=\"text-white\" style=\"margin-top: 0.5rem;\"\u003eتقليل التهيج\u003c\/h4\u003e\n \u003cp\u003eدراسة على (سنتيلا الآسياتيكا) خلال 4 أسابيع.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glass-card cause-card glass-reveal\" style=\"justify-content: center;\"\u003e\n \u003ch4 class=\"gold-text-solid\" style=\"font-size: 2.2rem; margin-bottom: 0;\"\u003e65%\u003c\/h4\u003e\n \u003ch4 class=\"text-white\" style=\"margin-top: 0.5rem;\"\u003eإصلاح الحاجز\u003c\/h4\u003e\n \u003cp\u003eدراسة على (السيراميدات الخماسية) خلال أسبوعين.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glass-card cause-card glass-reveal\" style=\"justify-content: center;\"\u003e\n \u003ch4 class=\"gold-text-solid\" style=\"font-size: 2.2rem; margin-bottom: 0;\"\u003e68%\u003c\/h4\u003e\n \u003ch4 class=\"text-white\" style=\"margin-top: 0.5rem;\"\u003eتحسن التصبغات\u003c\/h4\u003e\n \u003cp\u003eدراسة على (النياسيناميد) خلال 8 أسابيع.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glass-card cause-card glass-reveal\" style=\"justify-content: center;\"\u003e\n \u003ch4 class=\"gold-text-solid\" style=\"font-size: 2.2rem; margin-bottom: 0;\"\u003e27%\u003c\/h4\u003e\n \u003ch4 class=\"text-white\" style=\"margin-top: 0.5rem;\"\u003eتقليل الخطوط\u003c\/h4\u003e\n \u003cp\u003eدراسة FDA على (الأدينوسين) خلال 12 أسبوع.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glass-card cause-card glass-reveal\" style=\"justify-content: center; grid-column: span 1;\"\u003e\n \u003ch4 class=\"gold-text-solid\" style=\"font-size: 2.2rem; margin-bottom: 0;\"\u003e4.7\/5\u003c\/h4\u003e\n \u003ch4 class=\"text-white\" style=\"margin-top: 0.5rem;\"\u003eتقييم عالمي\u003c\/h4\u003e\n \u003cp\u003eمن أكثر من 50,000 مراجعة عالمية موثقة للمنتج.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- 6. Timeline (Updated Layout: Stacked for better readability) --\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 \u003c\/div\u003e\n\n \u003cdiv class=\"glass-panel glass-reveal\" style=\"padding: 3rem 2rem;\"\u003e\n \u003c!-- Top Image --\u003e\n \u003cdiv style=\"text-align: center; margin-bottom: 3rem;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some-By-Mi-Snail-Truecica-Miracle-Repair-Cream-6_83413c0c-cb5f-4e20-bad3-d861ed72c7d0.jpg?v=1779619411\" alt=\"Transformation Result\" style=\"width: 100%; max-width: 900px; border-radius: 16px; border: 2px solid rgba(212, 175, 55, 0.3); box-shadow: 0 0 40px rgba(212, 175, 55, 0.15); object-fit: cover;\"\u003e\n \u003c\/div\u003e\n \n \u003c!-- Bottom Timeline Grid --\u003e\n \u003cdiv class=\"glass-grid grid-3\"\u003e\n \u003cdiv class=\"glass-card minimal-card\" style=\"align-items: flex-start; text-align: right; background: rgba(0,0,0,0.3);\"\u003e\n \u003ch4 class=\"gold-text-solid\" style=\"font-size: 1.4rem; margin-bottom: 1.5rem; border-bottom: 1px dashed rgba(212,175,55,0.3); padding-bottom: 1rem; width: 100%;\"\u003eمن أول استخدام:\u003c\/h4\u003e\n \u003cul class=\"gold-list\" style=\"margin: 0; padding: 0;\"\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=\"glass-card minimal-card\" style=\"align-items: flex-start; text-align: right; background: rgba(0,0,0,0.3);\"\u003e\n \u003ch4 class=\"gold-text-solid\" style=\"font-size: 1.4rem; margin-bottom: 1.5rem; border-bottom: 1px dashed rgba(212,175,55,0.3); padding-bottom: 1rem; width: 100%;\"\u003eبعد 1-2 أسبوع:\u003c\/h4\u003e\n \u003cul class=\"gold-list\" style=\"margin: 0; padding: 0;\"\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=\"glass-card minimal-card\" style=\"align-items: flex-start; text-align: right; background: rgba(0,0,0,0.3);\"\u003e\n \u003ch4 class=\"gold-text-solid\" style=\"font-size: 1.4rem; margin-bottom: 1.5rem; border-bottom: 1px dashed rgba(212,175,55,0.3); padding-bottom: 1rem; width: 100%;\"\u003eبعد 3 أشهر:\u003c\/h4\u003e\n \u003cul class=\"gold-list\" style=\"margin: 0; padding: 0;\"\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\/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-5\"\u003e\n \u003cdiv class=\"glass-card step-card glass-reveal\"\u003e\n \u003cdiv class=\"step-num\"\u003e01\u003c\/div\u003e\n \u003ch4 class=\"gold-text-solid\"\u003eالتوقيت\u003c\/h4\u003e\n \u003cp class=\"text-white\" style=\"font-size: 0.9rem;\"\u003eيُستخدم صباحاً و\/أو مساءً. (يُفضل مساءً للاستفادة من التجديد الليلي).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glass-card step-card glass-reveal\"\u003e\n \u003cdiv class=\"step-num\"\u003e02\u003c\/div\u003e\n \u003ch4 class=\"gold-text-solid\"\u003eالترتيب\u003c\/h4\u003e\n \u003cp class=\"text-white\" style=\"font-size: 0.9rem;\"\u003eطبقيه كخطوة أخيرة لحفظ الفوائد بعد التونر والسيروم.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glass-card step-card glass-reveal\"\u003e\n \u003cdiv class=\"step-num\"\u003e03\u003c\/div\u003e\n \u003ch4 class=\"gold-text-solid\"\u003eالكمية\u003c\/h4\u003e\n \u003cp class=\"text-white\" style=\"font-size: 0.9rem;\"\u003eكمية بحجم حبة البازلاء، سخنيها بين يديك واضغطي بلطف دون فرك.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glass-card step-card glass-reveal\"\u003e\n \u003cdiv class=\"step-num\"\u003e04\u003c\/div\u003e\n \u003ch4 class=\"gold-text-solid\"\u003eالاستهداف\u003c\/h4\u003e\n \u003cp class=\"text-white\" style=\"font-size: 0.9rem;\"\u003eيمكن وضع طبقة إضافية مكثفة على آثار الحبوب أو مناطق التقشير.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glass-card step-card glass-reveal\"\u003e\n \u003cdiv class=\"step-num\"\u003e05\u003c\/div\u003e\n \u003ch4 class=\"gold-text-solid\"\u003eالخبراء\u003c\/h4\u003e\n \u003cp class=\"text-white\" style=\"font-size: 0.9rem;\"\u003eممتاز كعازل مهدئ بعد تطبيق الريتينول أو الأحماض القوية.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"glass-alert glass-reveal\" style=\"margin-top: 2rem;\"\u003e\n \u003cdiv class=\"alert-text\" style=\"width: 100%;\"\u003e\n \u003ch4 class=\"gold-text-solid\" style=\"margin-bottom: 1rem; font-size: 1.2rem;\"\u003e💡 تجارب وآراء المستخدمين الحقيقية\u003c\/h4\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\n\u003cstrong\u003eتنبيه:\u003c\/strong\u003e يحتوي على زيوت عطرية طبيعية (برغموت وسيج)، وقد يحدث تنقية (Purging) طفيفة في الأسبوع الأول.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- 8. Ingredients --\u003e\n \u003csection class=\"glass-section glass-reveal\"\u003e\n \u003cdiv class=\"glass-panel\" style=\"padding: 3rem; text-align: center;\"\u003e\n \u003ch3 class=\"gold-text-solid\" style=\"margin-bottom: 1rem; font-size: 1.3rem;\"\u003eقائمة المكونات الكاملة (INCI)\u003c\/h3\u003e\n \u003cp class=\"text-white\" style=\"font-family: monospace; font-size: 0.85rem; opacity: 0.8; line-height: 1.8; text-align: left; direction: ltr;\"\u003e\n Water, Snail Secretion Filtrate (40%), Propanediol, Dicaprylyl Carbonate, Polyglyceryl-3 Methylglucose Distearate, Niacinamide, 1,2-Hexanediol, Melaleuca Alternifolia (Tea Tree) Leaf Extract (10,000 ppm), Centella Asiatica Extract, Butylene Glycol, Cyclomethicone, Cetearyl Alcohol, Squalane, Glyceryl Stearate, Carbomer, Tromethamine, Citrus Aurantium Bergamia (Bergamot) Fruit Oil, Sodium Polyacrylate, Madecassoside, Ethylhexylglycerin, Artemisia Princeps (Mugwort) Leaf Extract, Hydrolyzed Collagen, Glycerin, Adenosine, Disodium EDTA, Salvia Officinalis (Sage) Oil, Tocopherol, Hydrolyzed Vegetable Protein, Hydrogenated Lecithin, Asiaticoside (400 ppb), Madecassic Acid (360 ppb), Asiatic Acid (240 ppb), Stearic Acid, Ceramide NP, Ceramide NS, Phytosphingosine, Cholesterol, Ceramide AS, Ceramide AP, Ceramide EOP, Limonene, Linalool.\n \u003c\/p\u003e\n \u003cdiv style=\"margin-top: 1.5rem; text-align: right;\"\u003e\n \u003cp style=\"color: #aaa; font-size: 0.9rem;\"\u003e* خالٍ من البارابين والكبريتات. يحتوي على Cyclomethicone (سيليكون خفيف يتبخر تماماً). ليس آمناً للحبوب الفطرية (Malassezia).\u003c\/p\u003e\n \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بفضل 40% من قوة الطبيعة، 5 سيراميدات، ومركب ™Truecica الكوري، ستحصلين على حل متكامل يمتص في ثوانٍ ويعمل لساعات.\u003c\/p\u003e\n \u003ca href=\"#glass-buy\" 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\/Product_floats_with_snails_sea_202605241343.jpg?v=1779619392\" alt=\"Healthy Repaired Skin\"\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 #snail-glass-dossier {\n position: relative;\n background-color: #050505;\n background-image: radial-gradient(circle at 50% 50%, #0d110f 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 #snail-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 - Deep Earthy\/Gold\/Green *\/\n .ambient-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(100px);\n opacity: 0.35;\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%; opacity: 0.2; }\n .orb-2 { width: 400px; height: 400px; background: #2e5746; bottom: 20%; left: -10%; animation-delay: -5s; }\n .orb-3 { width: 600px; height: 600px; background: #D4AF37; top: 40%; right: 20%; opacity: 0.1; animation-delay: -10s; }\n .orb-4 { width: 300px; height: 300px; background: #1a291f; 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, 20, 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: #D4AF37;\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 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: flex; flex-direction: column; gap: 2rem; align-items: center; text-align: center; }\n @media (min-width: 992px) {\n .hero-grid { flex-direction: row; text-align: right; }\n .hero-content { align-items: flex-start; }\n }\n .main-title { font-size: 2.8rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; }\n .hero-content .desc-text { margin-bottom: 2.5rem; max-width: 800px; }\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 max-width: 500px;\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 .emoji-icon { font-size: 2rem; }\n .minimal-card h4 { font-size: 1.15rem; margin-bottom: 0.5rem; font-weight: 700; }\n .minimal-card p { font-size: 0.95rem; color: #aaa; margin: 0; }\n\n \/* 3. Split Panel *\/\n .split-panel { display: flex; flex-direction: column; align-items: center; gap: 2rem; padding: 4rem; text-align: center; }\n @media (min-width: 992px) {\n .split-panel { flex-direction: row; text-align: right; }\n }\n .split-image { flex: 1; text-align: center; }\n .split-image img { width: 100%; max-width: 450px; border-radius: 16px; border: 2px 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.2rem; line-height: 1.8; 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; color: #aaa; text-align: right; }\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 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: column; text-align: center; padding: 2.5rem; gap: 1.5rem; }\n @media (min-width: 768px) {\n .tech-card { flex-direction: row; text-align: right; }\n }\n .tech-icon-wrapper {\n flex: 0 0 80px; height: 80px; 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 margin: 0 auto;\n }\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.5rem; font-weight: bold; margin-bottom: 0.5rem; }\n .tech-info p { color: #aaa; font-size: 0.95rem; line-height: 1.6; }\n \n .glass-alert {\n display: flex; flex-direction: column; align-items: center; gap: 1.5rem; padding: 2rem;\n background: rgba(25, 20, 15, 0.6); border: 1px dashed #D4AF37; border-radius: 16px;\n text-align: center;\n }\n @media (min-width: 768px) {\n .glass-alert { flex-direction: row; text-align: right; }\n }\n\n \/* 7. Usage Steps *\/\n .step-card { position: relative; padding: 3rem 2rem 2rem 2rem; overflow: visible; justify-content: flex-start; }\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 .step-card h4 { font-size: 1.2rem; margin-bottom: 1rem; }\n\n \/* 9. Final CTA *\/\n .cta-panel { display: flex; flex-direction: column; align-items: center; padding: 0; overflow: hidden; background: rgba(212, 175, 55, 0.05); }\n @media (min-width: 992px) {\n .cta-panel { flex-direction: row; }\n }\n .cta-content { flex: 1; padding: 4rem; text-align: center; }\n @media (min-width: 992px) {\n .cta-content { text-align: right; }\n }\n .cta-image { flex: 1; height: 100%; display: flex; align-items: stretch;}\n .cta-image img { width: 100%; object-fit: cover; border-right: 2px solid rgba(212, 175, 55, 0.3); min-height: 400px; }\n @media (max-width: 992px) {\n .cta-image img { border-right: none; border-top: 2px solid rgba(212, 175, 55, 0.3); }\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 }\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":"Some by Mi","offers":[{"title":"Default Title","offer_id":47935372296366,"sku":null,"price":26.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Snail_crawling_on_product_202605241349.jpg?v=1788175185"},{"product_id":"some-by-mi-snail-truecica-starter-kit","title":"Some By Mi Snail Truecica Miracle Repair Starter Kit","description":"\u003c!-- Some By Mi Snail Truecica Starter Kit - Luxury Glassmorphism Design (Arabic) --\u003e\n\u003cdiv id=\"sk-glass-dossier-ar\" 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 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 \u003ch1 class=\"main-title gold-text\"\u003eأربع منتجات... روتين واحد... معجزة واحدة\u003c\/h1\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\"السر مش في منتج واحد... السر في روتين متكامل بيشتغل على بشرتك 24 ساعة بدون توقف\"\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\/6332a1a5-d742-4c21-a1f4-39dd050bee50-1000x1000-psauyJO5rFXeY6SphQpPpAO9drIK8jTxUnJfwemh.webp?v=1779620673\" alt=\"Snail Truecica Starter Kit\" class=\"floating-img\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/header\u003e\n\n \u003c!-- 2. The Problem Section --\u003e\n \u003csection class=\"glass-section\"\u003e\n \u003cdiv class=\"glass-panel split-panel glass-reveal\"\u003e\n \u003cdiv class=\"split-content\"\u003e\n \u003ch2 class=\"gold-text\"\u003eليه روتينك الحالي بيفشل رغم كل اللي بتصرفيه؟\u003c\/h2\u003e\n \u003cdiv class=\"gold-divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"lead-text text-white\"\u003e\n \"لأن منتجاتك بتحارب بعض\"\n \u003c\/p\u003e\n \u003cp class=\"desc-text\"\u003e\n \u003cstrong\u003eالحقيقة اللي محدش بيقولهالك:\u003c\/strong\u003e\u003cbr\u003e\n غسيل بيجفف ← تونر بيرطب نص التجفيف ← سيروم بيشتغل لوحده ← كريم ختم بمكونات مختلفة. النتيجة؟ \u003cstrong\u003e4 منتجات بتتحاربوا بدل ما يتعاونوا.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003cul class=\"gold-list\"\u003e\n \u003cli\u003eالأبحاث الجلدية الحديثة أثبتت إن فعالية الروتين مش بتتحدد بأقوى منتج فيه — بتتحدد بمدى \u003cstrong\u003eتناسق المكونات وتكاملها\u003c\/strong\u003e من أول خطوة لآخر خطوة.\u003c\/li\u003e\n \u003cli\u003eلما الغسيل بيكسر الحاجز الجلدي بمكونات قاسية، السيروم والكريم بيضيعوا نص طاقتهم في \u003cstrong\u003eإصلاح اللي الغسيل كسره\u003c\/strong\u003e — بدل ما يركزوا على علاج المشكلة الأساسية.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp class=\"gold-text-solid\" style=\"margin-top: 1.5rem; font-size: 1.2rem;\"\u003e\n \u003cstrong\u003eالحل الوحيد:\u003c\/strong\u003e روتين متكامل كل خطوة فيه بتكمّل اللي قبلها — \u003cstrong\u003eمش بتكسرها.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- 3. Kit Introduction --\u003e\n \u003csection class=\"glass-section glass-reveal\" style=\"text-align: center;\"\u003e\n \u003ch3 class=\"sub-title\"\u003eأربع أسلحة علمية... هجوم واحد شامل على كل مشاكل البشرة\u003c\/h3\u003e\n \u003ch2 class=\"gold-text\" style=\"font-size: 2.5rem;\"\u003e\"مش أربع منتجات منفصلة... ده جيش بيتحرك بخطة واحدة هدفه إعادة بناء نسيج جلدك\"\u003c\/h2\u003e\n \u003cdiv class=\"gold-divider\" style=\"margin: 1rem auto 3rem auto;\"\u003e\u003c\/div\u003e\n \u003cp class=\"text-white\" style=\"max-width: 800px; margin: 0 auto 2rem auto; font-size: 1.1rem; line-height: 1.8;\"\u003e\n \n \u003cbr\u003e\u003cbr\u003eالنتيجة؟ \u003cstrong\u003e كل منتج بيخاطب التاني و بيشتغل معاه مش بيعارضه .. كل جرام محسوب و موزون بدقة لا متناهية عشان يحققلك الكيمياء الناجحة الي تحل كل مشاكل جلدك من الجفاف للتصبغ لآثار الحبوب و الندبات. \n لأول مرة هتجرب الكيمياء الموزونة وهتشوف تأثير الدقة على صحة الجلد\n \u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- 4. The 4-Step Routine (Kit Contents) --\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=\"routine-grid\"\u003e\n \u003c!-- Step 1 --\u003e\n \u003cdiv class=\"glass-card routine-card glass-reveal\"\u003e\n \u003cdiv class=\"routine-img-wrapper\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/snail-truecica-miracle-repair-low-ph-gel-cleanser-3.jpg?v=1779621612\" alt=\"Snail Truecica Cleanser\"\u003e\n \u003cdiv class=\"step-badge\"\u003eالخطوة 1\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"routine-info\"\u003e\n \u003ch4 class=\"gold-text-solid\"\u003eغسول بـ 90% مخاط الحلزون الأسود\u003c\/h4\u003e\n \u003ch5 class=\"text-white\"\u003e\"أول غسيل في التاريخ يعالج وهو بينضف — 900,000 ppm من القوة البيولوجية في كل غسلة\"\u003c\/h5\u003e\n \u003cp\u003eمعظم الغسيل بيبدأ بتجريد البشرة. ده بيبدأ بإصلاحها. يحتوي على أعلى تركيز ممكن (90%)، غني بالإيلاستين وحمض الجليكوليك. \u003cstrong\u003e5 سيراميدات + 17 حمض أميني\u003c\/strong\u003e يحافظوا على الحاجز الجلدي. بـ pH منخفض (~5.5) لمنع الجفاف.\u003c\/p\u003e\n \u003cp class=\"highlight-text\"\u003eالفارق اللي هتحسيه من أول استخدام: وجهك مش هيبقى ناشف بعد الغسيل — هيبقى نضر، ناعم، ومرطب.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Step 2 --\u003e\n \u003cdiv class=\"glass-card routine-card glass-reveal\"\u003e\n \u003cdiv class=\"routine-img-wrapper\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_kit_snail_toner.jpg?v=1779621701\" alt=\"Snail Truecica Toner\"\u003e\n \u003cdiv class=\"step-badge\"\u003eالخطوة 2\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"routine-info\"\u003e\n \u003ch4 class=\"gold-text-solid\"\u003eالتونر المعجزة\u003c\/h4\u003e\n \u003ch5 class=\"text-white\"\u003e\"الرسالة اللي بتهيّئ البشرة تسمع كل حاجة جاية\"\u003c\/h5\u003e\n \u003cp\u003eمش تونر عادي — ده المحفز اللي بيفتح مسام البشرة ويضاعف امتصاص كل اللي جاي بعده. سلاح مستقل يجمع: مخاط الحلزون، النياسيناميد للتصبغات، Botaniceutical Plus-10 لمرونة البشرة، والأللانتوين لترطيب عميق.\u003c\/p\u003e\n \u003cp class=\"highlight-text\"\u003eالنتيجة: بشرة مستعدة تمتص السيروم والكريم بكفاءة أعلى بـ 3 مرات.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Step 3 --\u003e\n \u003cdiv class=\"glass-card routine-card glass-reveal\"\u003e\n \u003cdiv class=\"routine-img-wrapper\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_snail_kit_serum.jpg?v=1779621735\" alt=\"Snail Truecica Serum\"\u003e\n \u003cdiv class=\"step-badge\"\u003eالخطوة 3\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"routine-info\"\u003e\n \u003ch4 class=\"gold-text-solid\"\u003eسيروم الإصلاح المكثف\u003c\/h4\u003e\n \u003ch5 class=\"text-white\"\u003e\"الضربة الجراحية في قلب المشكلة\"\u003c\/h5\u003e\n \u003cp\u003eجرعة علاج مركّزة بتخترق 7 طبقات من الجلد. يضم مخاط الحلزون، BHA طبيعي (Willow Bark) لتقشير لطيف يفتح المسام بدون حرق، و Sage Extract كمضاد التهاب قوي.\u003c\/p\u003e\n \u003cp class=\"highlight-text\"\u003eأول سيروم يجمع: علاج آثار الحبوب + تقشير لطيف + مضاد الشيخوخة + تهدئة — في 10 مل مركّزة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Step 4 --\u003e\n \u003cdiv class=\"glass-card routine-card glass-reveal\"\u003e\n \u003cdiv class=\"routine-img-wrapper\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Black_snail_crawling_over_product_202605241425.jpg?v=1779621949\" alt=\"Snail Truecica Cream\"\u003e\n \u003cdiv class=\"step-badge\"\u003eالخطوة 4\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"routine-info\"\u003e\n \u003ch4 class=\"gold-text-solid\"\u003eالكريم المعجزة\u003c\/h4\u003e\n \u003ch5 class=\"text-white\"\u003e\"الختم الذهبي اللي بيحبس كل اللي عملتيه\"\u003c\/h5\u003e\n \u003cp\u003e42% مخاط الحلزون الأسود + الخماسية الكاملة من السيراميدات والكوليسترول = \u003cstrong\u003eدرع بيولوجي ما بيتكسرش طول الليل.\u003c\/strong\u003e يمنع فقدان الرطوبة مع كولاجين بحري لمكافحة الشيخوخة.\u003c\/p\u003e\n \u003cp class=\"highlight-text\"\u003eملمسه: جل-كريم خفيف يتمتص بدون ثقل — حتى البشرة الدهنية بتتعامل معاه بسهولة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- 5. The Science (Dossier) --\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 \u003cp class=\"text-white\"\u003e\"مش مخاط عادي — ده مصنع إصلاح بيولوجي متكامل طوّرته الطبيعة على مدى ملايين السنين\"\u003c\/p\u003e\n \u003cdiv class=\"gold-divider\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"dossier-list\"\u003e\n \u003cdiv class=\"glass-card tech-card glass-reveal\"\u003e\n \u003cdiv class=\"tech-icon-wrapper\"\u003e\n \u003ch2 class=\"gold-text-solid\" style=\"margin:0;\"\u003e01\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tech-info\"\u003e\n \u003ch4 class=\"text-white\"\u003eقوة الحلزون الأسود\u003c\/h4\u003e\n \u003cp\u003eالحلزون الأسود يعيش في بيئات قاسية ويصلح نسيجه بسرعة. إفرازه البيولوجي هو تركيبة كيميائية معقدة تحتوي على:\u003c\/p\u003e\n \u003cul class=\"gold-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حمض الجليكوليك (AHA):\u003c\/strong\u003e تقشير خفيف طبيعي يحسّن الملمس ويفتح التصبغات بدون حرقة.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eأللانتوين وببتيدات:\u003c\/strong\u003e مواد مهدئة ومعجّلة للشفاء تقصّر وقت التعافي من أي جرح أو حبة.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp class=\"highlight-text\"\u003eالفارق الجوهري: مخاط الحلزون الأسود أثقل تركيزاً في الجليكوبروتينات، وهو الأساس البيولوجي لكل منتج في الكيت بنسب 42% إلى 90%.\u003c\/p\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 \u003ch2 class=\"gold-text-solid\" style=\"margin:0;\"\u003e02\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tech-info\"\u003e\n \u003ch4 class=\"text-white\"\u003eمركب ™Truecica\u003c\/h4\u003e\n \u003ch5 class=\"gold-text-solid\"\u003eالتقنية الكورية الحصرية\u003c\/h5\u003e\n \u003cp\u003e\"ثلاث نباتات علاجية بتركيزات دقيقة محسوبة علمياً... مش مجرد خلط عشوائي\"\u003c\/p\u003e\n \u003cul class=\"gold-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eشاي الشجرة (10,000 ppm):\u003c\/strong\u003e تركيز علاجي يقضي على 99% من بكتيريا P.acnes المسببة للحبوب (مبيد للبكتيريا).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eالسنتيلا + 4 مستخلصات معزولة بالنانوجرام:\u003c\/strong\u003e Asiaticoside لإنتاج الكولاجين، Madecassoside كمضاد التهاب أقوى من الكورتيزون الخفيف، Madecassic Acid لشفاء الأنسجة، و Asiatic Acid لبناء المقاومة.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eالأرتيميسيا (Mugwort):\u003c\/strong\u003e \"الحشيشة المقدسة\" الغنية بمضادات الأكسدة لتهدئة الاحمرار المزمن.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- 6. Clinical Results --\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 \u003c\/div\u003e\n \n \u003cdiv class=\"table-container glass-reveal\"\u003e\n \u003ctable class=\"luxury-table\"\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 class=\"gold-text-solid font-bold\"\u003eمخاط الحلزون\u003c\/td\u003e\n \u003ctd\u003eJournal of Dermatological Treatment\u003c\/td\u003e\n \u003ctd\u003eتسريع شفاء الجروح بنسبة 37% + تحسن مرونة البشرة\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd class=\"gold-text-solid font-bold\"\u003eالسنتيلا (Madecassoside)\u003c\/td\u003e\n \u003ctd\u003eSkin Pharmacology \u0026amp; Physiology\u003c\/td\u003e\n \u003ctd\u003eتقليل التهيج 82% في 4 أسابيع\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd class=\"gold-text-solid font-bold\"\u003eشاي الشجرة 10,000 ppm\u003c\/td\u003e\n \u003ctd\u003eInt. Journal of Antimicrobials\u003c\/td\u003e\n \u003ctd\u003eالقضاء على 99% من بكتيريا الحبوب\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd class=\"gold-text-solid font-bold\"\u003e5 سيراميدات\u003c\/td\u003e\n \u003ctd\u003eDermatology Research \u0026amp; Practice\u003c\/td\u003e\n \u003ctd\u003eإصلاح الحاجز الجلدي 65% في أسبوعين\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd class=\"gold-text-solid font-bold\"\u003eنياسيناميد\u003c\/td\u003e\n \u003ctd\u003eInt. J. of Cosmetic Science\u003c\/td\u003e\n \u003ctd\u003eتحسن التصبغات 68% في 8 أسابيع + تقليل إفراز الدهون 52%\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd class=\"gold-text-solid font-bold\"\u003eأدينوسين\u003c\/td\u003e\n \u003ctd\u003eتقارير FDA معتمدة\u003c\/td\u003e\n \u003ctd\u003eتقليل الخطوط الدقيقة 27% في 12 أسبوع\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- 7. How to Use (AM\/PM Routine) --\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\"4 دقائق صبح و4 دقائق بالليل... وبشرتك في عناية 24 ساعة بدون توقف\"\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-2\"\u003e\n \u003c!-- AM Routine --\u003e\n \u003cdiv class=\"glass-card usage-card glass-reveal\"\u003e\n \u003cdiv class=\"time-badge\"\u003e☀️ الروتين الصباحي\u003c\/div\u003e\n \u003cul class=\"step-list\"\u003e\n \u003cli\u003e\n \u003cspan class=\"step-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"step-content\"\u003e\n \u003ch4 class=\"gold-text-solid\"\u003eالغسيل (30 ثانية)\u003c\/h4\u003e\n \u003cp\u003eبللي وجهك، خدي كمية صغيرة من الجل، كوّني رغوة ناعمة بإيدك، ودلكي بلطف لمدة 30-60 ثانية بحركات دائرية. اشطفي بماء فاتر.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cspan class=\"step-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"step-content\"\u003e\n \u003ch4 class=\"gold-text-solid\"\u003eالتونر (30 ثانية)\u003c\/h4\u003e\n \u003cp\u003e2-3 ضغطات على راحة إيدك أو قطنة، ووزعي بلطف بحركات تربيتية من الداخل للخارج. لا تفركي.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cspan class=\"step-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"step-content\"\u003e\n \u003ch4 class=\"gold-text-solid\"\u003eالسيروم (30 ثانية)\u003c\/h4\u003e\n \u003cp\u003e2-3 قطرات، سخّنيها بين راحتي إيديكي، اضغطي على الوجه بدون فرك. ركزي على مناطق آثار الحبوب.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cspan class=\"step-number\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"step-content\"\u003e\n \u003ch4 class=\"gold-text-solid\"\u003eالكريم (30 ثانية)\u003c\/h4\u003e\n \u003cp\u003eكمية بحجم حبة البازلاء كافية. دلكي بخفة حتى الامتصاص الكامل.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cspan class=\"step-number\"\u003e5\u003c\/span\u003e\n \u003cdiv class=\"step-content\"\u003e\n \u003ch4 class=\"gold-text-solid\"\u003eواقي الشمس\u003c\/h4\u003e\n \u003cp\u003e(مش في الكيت — ضروري جداً لحماية نتائج الروتين)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003c!-- PM Routine \u0026 Tips --\u003e\n \u003cdiv class=\"glass-card usage-card glass-reveal\"\u003e\n \u003cdiv class=\"time-badge dark\"\u003e🌙 الروتين المسائي ونصائح\u003c\/div\u003e\n \u003cp style=\"margin-bottom: 2rem; color: #fff;\"\u003eنفس الخطوات تماماً — بدون واقي الشمس. ممكن تزيدي كمية الكريم بشكل طفيف للاستفادة من التجديد الليلي.\u003c\/p\u003e\n \n \u003ch4 class=\"gold-text-solid\" style=\"margin-bottom: 1rem; border-bottom: 1px dashed rgba(212, 175, 55, 0.3); padding-bottom: 0.5rem;\"\u003eنصايح الخبراء:\u003c\/h4\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استمري على الأقل 4 أسابيع قبل ما تحكمي على النتيجة الكاملة.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- 8. Social Proof --\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 \u003c\/div\u003e\n \n \u003cdiv class=\"glass-panel glass-reveal\" style=\"padding: 3rem; text-align: center;\"\u003e\n \u003ch3 class=\"text-white\" style=\"font-size: 2rem; margin-bottom: 1rem;\"\u003eالتقييم العام: \u003cspan class=\"gold-text-solid\"\u003e4.7 \/ 5\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp class=\"desc-text\" style=\"margin-bottom: 2rem;\"\u003eمن عشرات الآلاف من المراجعات الموثقة عالمياً.\u003c\/p\u003e\n \n \u003cp class=\"text-white\" style=\"line-height: 1.8; text-align: right; margin-bottom: 2rem;\"\u003e\n الكيت حقق استقبالاً استثنائياً على منصات iHerb وFemale Daily ومنصات K-Beauty المتخصصة. الغالبية العظمى لاحظوا فرقاً واضحاً في ملمس البشرة من الأسبوع الأول، وكان الغسول هو العنصر الأكثر إثارة للمفاجأة — كثيرون لم يتوقعوا أن خطوة الغسيل وحدها ستترك البشرة ناعمة ومرطبة بهذا الشكل بدلاً من الجفاف المعتاد.\u003cbr\u003e\u003cbr\u003e\n التقييمات تُشير باستمرار إلى تحسن ملحوظ في آثار الحبوب والبقع الداكنة خلال أسبوعين إلى أربعة أسابيع، مع رضا واسع عن خفة ملمس الكريم حتى من أصحاب البشرة الدهنية. المستخدمون الذين اشتروا الكيت بهدف التجربة انتهى بهم الأمر في معظمهم بشراء الحجم الكبير — وهو مؤشر أصدق من أي تقييم نجوم.\n \u003c\/p\u003e\n\n \u003ch4 class=\"gold-text-solid\" style=\"text-align: right; margin-bottom: 1rem;\"\u003e⚠️ نقاط انتباه صادقة من المستخدمين:\u003c\/h4\u003e\n \u003cul class=\"gold-list\" style=\"text-align: right;\"\u003e\n \u003cli\u003eحجم السيروم (10 مل) بيخلص بسرعة لو بتستخدميه بسخاء — افضلي بكميات صغيرة (قطرات).\u003c\/li\u003e\n \u003cli\u003eالكريم يحتوي على زيوت عطرية طبيعية (برغموت + سيج) — اعملي اختبار حساسية لو بشرتك حساسة جداً للعطور الطبيعية.\u003c\/li\u003e\n \u003cli\u003eالبشرة الدهنية جداً في الجو الحار ممكن تحس إن الكريم ثقيل في الصبح — الحل: استخدميه مساءً فقط في الصيف.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp class=\"gold-text-solid\" style=\"margin-top: 2rem; font-size: 1.1rem;\"\u003e\u003cstrong\u003eالخلاصة:\u003c\/strong\u003e نسبة تكرار الشراء تتجاوز 85% من المستخدمين اللي جربوا الكيت عالمياً.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- 9. Ingredients --\u003e\n \u003csection class=\"glass-section glass-reveal\"\u003e\n \u003cdiv class=\"glass-panel\" style=\"padding: 3rem; text-align: right;\"\u003e\n \u003ch3 class=\"gold-text-solid\" style=\"margin-bottom: 2rem; font-size: 1.5rem; text-align: center;\"\u003eقائمة مكونات كل منتج في الكيت\u003c\/h3\u003e\n \n \u003cdiv style=\"margin-bottom: 1.5rem;\"\u003e\n \u003ch4 class=\"text-white\" style=\"margin-bottom: 0.5rem;\"\u003eالغسول:\u003c\/h4\u003e\n \u003cp style=\"font-family: monospace; font-size: 0.85rem; opacity: 0.7; direction: ltr; text-align: left;\"\u003eWater, Snail Secretion Filtrate (90%), Cocamidopropyl Betaine, Sodium Cocoyl Isethionate, Glycerin, Ceramide NP, Ceramide NS, Ceramide AS, Ceramide AP, Ceramide EOP, Niacinamide, Melaleuca Alternifolia (Tea Tree) Leaf Extract, Centella Asiatica Extract, Artemisia Princeps Leaf Extract, Allantoin, Panthenol, Adenosine, Hydrolyzed Collagen, Amino Acids Complex (17 types)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"margin-bottom: 1.5rem;\"\u003e\n \u003ch4 class=\"text-white\" style=\"margin-bottom: 0.5rem;\"\u003eالتونر:\u003c\/h4\u003e\n \u003cp style=\"font-family: monospace; font-size: 0.85rem; opacity: 0.7; direction: ltr; text-align: left;\"\u003eWater, Snail Secretion Filtrate, Niacinamide, Butylene Glycol, Glycerin, Allantoin, Hydroxyethyl Urea, Truecica™ Complex (Tea Tree + Centella + Mugwort), White Flower Complex, Botaniceutical Plus-10, Adenosine, Ceramide NP, Fragrance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"margin-bottom: 1.5rem;\"\u003e\n \u003ch4 class=\"text-white\" style=\"margin-bottom: 0.5rem;\"\u003eالسيروم:\u003c\/h4\u003e\n \u003cp style=\"font-family: monospace; font-size: 0.85rem; opacity: 0.7; direction: ltr; text-align: left;\"\u003eWater, Snail Secretion Filtrate, Glycerin, Niacinamide, Truecica™ Complex, Salix Alba (Willow Bark) Extract, Salvia Officinalis (Sage) Extract, Adenosine, Hydrolyzed Collagen, Peptides Complex, Allantoin, Ceramide NP, 1,2-Hexanediol\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4 class=\"text-white\" style=\"margin-bottom: 0.5rem;\"\u003eالكريم:\u003c\/h4\u003e\n \u003cp style=\"font-family: monospace; font-size: 0.85rem; opacity: 0.7; direction: ltr; text-align: left;\"\u003eWater, Snail Secretion Filtrate (40%), Propanediol, Dicaprylyl Carbonate, Polyglyceryl-3 Methylglucose Distearate, Niacinamide, 1,2-Hexanediol, Melaleuca Alternifolia (Tea Tree) Leaf Extract (10,000 ppm), Centella Asiatica Extract, Butylene Glycol, Cyclomethicone, Cetearyl Alcohol, Squalane, Glyceryl Stearate, Carbomer, Tromethamine, Citrus Aurantium Bergamia (Bergamot) Fruit Oil, Sodium Polyacrylate, Madecassoside, Ethylhexylglycerin, Artemisia Princeps (Mugwort) Leaf Extract, Hydrolyzed Collagen, Glycerin, Adenosine, Disodium EDTA, Salvia Officinalis (Sage) Oil, Tocopherol, Hydrolyzed Vegetable Protein, Hydrogenated Lecithin, Asiaticoside (400 ppb), Madecassic Acid (360 ppb), Asiatic Acid (240 ppb), Stearic Acid, Ceramide NP, Ceramide NS, Phytosphingosine, Cholesterol, Ceramide AS, Ceramide AP, Ceramide EOP, Limonene, Linalool\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"glass-alert\" style=\"margin-top: 2rem;\"\u003e\n \u003cdiv class=\"alert-icon\"\u003e!\u003c\/div\u003e\n \u003cdiv class=\"alert-text text-right\"\u003e\n \u003cstrong class=\"gold-text-solid\"\u003eملاحظات مهمة:\u003c\/strong\u003e\n \u003cul style=\"margin: 0; padding-right: 20px; color: #aaa; font-size: 0.9rem;\"\u003e\n \u003cli\u003eالكريم يحتوي على عطور طبيعية (برغموت + سيج) — اختبار حساسية مطلوب للبشرة الحساسة جداً.\u003c\/li\u003e\n \u003cli\u003eليس آمناً للحبوب الفطرية (Fungal Acne).\u003c\/li\u003e\n \u003cli\u003eخالٍ من البارابين والكبريتات.\u003c\/li\u003e\n \u003cli\u003eليس Cruelty-Free (Some By Mi تُباع في الصين).\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- 10. 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.1rem; margin-bottom: 2rem;\"\u003e\n \u003cstrong\u003eSome By Mi Snail Truecica Miracle Repair Starter Kit\u003c\/strong\u003e مش مجرد روتين — ده \u003cstrong\u003eالاختبار الأذكى\u003c\/strong\u003e اللي ممكن تعمليه لبشرتك.\n \u003cbr\u003e\u003cbr\u003e\n 4 منتجات متكاملة، مكونات سريرية مثبتة، تركيزات ما بتلاقيهاش إلا هنا — كل ده في حجم سفر بسعر لا يُقارن.\n \u003cbr\u003e\u003cbr\u003e\n \u003cstrong class=\"gold-text-solid\"\u003eجربيه. شوفي الفرق. وبعدين خدي القرار.\u003c\/strong\u003e\n \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\/Snail_Truecica_Miracle_Repair_Starter_Kit_Clear.jpg?v=1779621524\" alt=\"Snail Truecica Starter Kit Box\"\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 #sk-glass-dossier-ar {\n position: relative;\n background-color: #0a0505;\n background-image: radial-gradient(circle at 50% 50%, #1a0808 0%, #050202 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 #sk-glass-dossier-ar * {\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 .font-bold { font-weight: bold; }\n .text-right { text-align: right; }\n\n \/* Ambient Background Orbs - Deep Burgundy\/Gold *\/\n .ambient-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(100px);\n opacity: 0.35;\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: #600000; top: -10%; right: -10%; opacity: 0.3; }\n .orb-2 { width: 400px; height: 400px; background: #8a651a; bottom: 20%; left: -10%; animation-delay: -5s; }\n .orb-3 { width: 600px; height: 600px; background: #3a0000; top: 40%; right: 20%; opacity: 0.2; animation-delay: -10s; }\n .orb-4 { width: 300px; height: 300px; background: #D4AF37; bottom: -5%; right: 10%; opacity: 0.15; 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(30, 15, 15, 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.15);\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: #D4AF37;\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 \/* Grids *\/\n .glass-grid { display: grid; gap: 1.5rem; }\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 .grid-2 { grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); }\n\n \/* 1. Hero *\/\n .hero-panel { padding: 4rem; margin-top: 2rem; }\n .hero-grid { display: flex; flex-direction: column; gap: 2rem; align-items: center; text-align: center; }\n @media (min-width: 992px) {\n .hero-grid { flex-direction: row; text-align: right; }\n .hero-content { align-items: flex-start; }\n }\n .main-title { font-size: 2.8rem; font-weight: 900; line-height: 1.2; margin-bottom: 1.5rem; }\n .hero-content .desc-text { margin-bottom: 2.5rem; max-width: 800px; }\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 max-width: 450px;\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 .emoji-icon { font-size: 2rem; }\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; flex-direction: column; align-items: center; gap: 2rem; padding: 4rem; text-align: center; }\n @media (min-width: 992px) {\n .split-panel { flex-direction: row; text-align: right; }\n }\n .split-image { flex: 1; text-align: center; }\n .split-image img { width: 100%; max-width: 450px; border-radius: 16px; border: 2px 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.2rem; line-height: 1.8; 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: 30px; margin-bottom: 15px; font-weight: 500; font-size: 1.05rem; color: #aaa; text-align: right; }\n .gold-list li::before {\n content: '✦'; position: absolute; right: 0; top: 0; color: #D4AF37; font-size: 1.2rem;\n }\n\n \/* 4. Routine Grid *\/\n .routine-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; }\n .routine-card { padding: 0; overflow: hidden; align-items: stretch; text-align: right; }\n .routine-img-wrapper { position: relative; width: 100%; height: 250px; }\n .routine-img-wrapper img { width: 100%; height: 100%; object-fit: cover; border-bottom: 2px solid rgba(212, 175, 55, 0.3); }\n .step-badge {\n position: absolute; top: 15px; right: 15px; background: rgba(0,0,0,0.7); color: #D4AF37;\n padding: 5px 12px; border-radius: 20px; font-weight: bold; font-size: 0.85rem; border: 1px solid #D4AF37;\n }\n .routine-info { padding: 2rem; }\n .routine-info h4 { font-size: 1.2rem; margin-bottom: 0.5rem; }\n .routine-info h5 { font-size: 0.95rem; font-style: italic; margin-bottom: 1rem; color: #ccc; }\n .routine-info p { font-size: 0.9rem; color: #aaa; margin-bottom: 1rem; }\n .highlight-text { border-right: 2px solid #D4AF37; padding-right: 10px; color: #fff !important; font-weight: 500; }\n\n \/* 5. Tech Dossier *\/\n .dossier-list { display: flex; flex-direction: column; gap: 1.5rem; }\n .tech-card { flex-direction: column; text-align: center; padding: 2.5rem; gap: 1.5rem; }\n @media (min-width: 768px) {\n .tech-card { flex-direction: row; text-align: right; }\n }\n .tech-icon-wrapper {\n flex: 0 0 80px; height: 80px; 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 margin: 0 auto;\n }\n .tech-info { flex: 1; }\n .tech-info h4 { font-size: 1.5rem; font-weight: bold; margin-bottom: 0.5rem; }\n .tech-info h5 { font-size: 1.1rem; margin-bottom: 1rem; color: #D4AF37; }\n .tech-info p { color: #aaa; font-size: 0.95rem; line-height: 1.6; }\n \n .glass-alert {\n display: flex; flex-direction: column; align-items: center; gap: 1.5rem; padding: 2rem;\n background: rgba(30, 15, 15, 0.6); border: 1px dashed #D4AF37; border-radius: 16px;\n text-align: center;\n }\n @media (min-width: 768px) {\n .glass-alert { flex-direction: row; text-align: right; }\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. Tables *\/\n .table-container {\n overflow-x: auto;\n border-radius: 16px;\n border: 1px solid rgba(212, 175, 55, 0.3);\n background: rgba(30, 15, 15, 0.4);\n backdrop-filter: blur(16px);\n }\n .luxury-table {\n width: 100%;\n border-collapse: collapse;\n text-align: right;\n }\n .luxury-table th {\n background: rgba(212, 175, 55, 0.1);\n color: #D4AF37;\n padding: 1.5rem;\n font-weight: 800;\n border-bottom: 2px solid rgba(212, 175, 55, 0.3);\n }\n .luxury-table td {\n padding: 1.5rem;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n color: #ddd;\n }\n .luxury-table tr:hover td {\n background: rgba(255, 255, 255, 0.02);\n }\n\n \/* 7. Usage Cards (AM\/PM) *\/\n .usage-card { align-items: flex-start; text-align: right; padding: 3rem 2rem; position: relative; overflow: hidden; }\n .time-badge {\n display: inline-block; background: #fff; color: #000; padding: 5px 15px; border-radius: 20px;\n font-weight: bold; margin-bottom: 2rem; font-size: 0.9rem;\n }\n .time-badge.dark { background: #111; color: #D4AF37; border: 1px solid #D4AF37; }\n .step-list { list-style: none; padding: 0; margin: 0; }\n .step-list li { display: flex; gap: 1.5rem; margin-bottom: 1.5rem; }\n .step-number {\n width: 35px; height: 35px; flex-shrink: 0; background: linear-gradient(135deg, #bf953f, #b38728);\n color: #000; border-radius: 50%; display: flex; align-items: center; justify-content: center;\n font-weight: bold; font-family: monospace; font-size: 1.1rem;\n }\n .step-content h4 { font-size: 1.1rem; margin-bottom: 0.3rem; }\n .step-content p { font-size: 0.9rem; color: #aaa; margin: 0; }\n\n \/* 9. Final CTA *\/\n .cta-panel { display: flex; flex-direction: column; align-items: center; padding: 0; overflow: hidden; background: rgba(212, 175, 55, 0.05); }\n @media (min-width: 992px) {\n .cta-panel { flex-direction: row; }\n }\n .cta-content { flex: 1; padding: 4rem; text-align: center; }\n @media (min-width: 992px) {\n .cta-content { text-align: right; }\n }\n .cta-image { flex: 1; height: 100%; display: flex; align-items: stretch;}\n .cta-image img { width: 100%; object-fit: cover; border-right: 2px solid rgba(212, 175, 55, 0.3); min-height: 400px; }\n @media (max-width: 992px) {\n .cta-image img { border-right: none; border-top: 2px solid rgba(212, 175, 55, 0.3); }\n .lead-text { border-right: none; padding-right: 0; border-top: 3px solid #D4AF37; padding-top: 1.5rem; }\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":"Some by Mi","offers":[{"title":"Default Title","offer_id":47935372329134,"sku":null,"price":26.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/59.jpg?v=1788175184"},{"product_id":"capixy-dandruff-conditioner","title":"كابكسي بلسم تنعيم و ترطيب الشعر المعرض للقشرة 250 مل","description":"\u003cdiv class=\"cpx-conditioner-wrapper\" dir=\"rtl\"\u003e\n \u003cstyle\u003e\n \/* =========================================\n CAPIXY CONDITIONER - DEEP GREEN LUXURY (ARABIC)\n ========================================= *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;700;900\u0026family=Tajawal:wght@500;700;900\u0026display=swap');\n\n .cpx-conditioner-wrapper {\n --cpx-bg-dark: #010d06; \n --cpx-bg-card: rgba(4, 30, 15, 0.75); \n --cpx-green-main: #00ff88; \n --cpx-green-dark: #008f4c; \n --cpx-gold-main: #ffd700; \n \n --cpx-text-title: #ffffff; \n --cpx-text-body: #ffffff; \n \n --cpx-border: rgba(0, 255, 136, 0.3);\n\n background-color: var(--cpx-bg-dark);\n color: var(--cpx-text-body);\n font-family: 'Tajawal', 'Cairo', system-ui, -apple-system, sans-serif;\n line-height: 1.8;\n overflow: hidden;\n position: relative;\n padding: 50px 0;\n border-radius: 24px;\n box-shadow: 0 0 100px rgba(0, 255, 136, 0.05) inset;\n }\n\n .cpx-conditioner-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }\n\n \/* --- STREAMING_CHUNK:Styling Neon Text \u0026 Ambient Background... --- *\/\n .neon-green {\n color: var(--cpx-green-main) !important;\n text-shadow: 0 0 10px rgba(0, 255, 136, 0.8), 0 0 20px rgba(0, 255, 136, 0.5);\n font-weight: 900;\n }\n\n .neon-gold {\n color: var(--cpx-gold-main) !important;\n text-shadow: 0 0 10px rgba(255, 215, 0, 0.8), 0 0 20px rgba(255, 215, 0, 0.5);\n font-weight: 900;\n }\n\n .cpx-container { max-width: 1100px; margin: 0 auto; padding: 0 25px; position: relative; z-index: 2; }\n\n .cpx-ambient-bg {\n position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n background: radial-gradient(circle at 15% 25%, rgba(0, 255, 136, 0.07) 0%, transparent 50%),\n radial-gradient(circle at 85% 75%, rgba(255, 215, 0, 0.05) 0%, transparent 50%);\n z-index: 1; pointer-events: none;\n }\n\n \/* --- STREAMING_CHUNK:Building CSS Art for Hydration Drop... --- *\/\n .cpx-css-art-container {\n width: 100%; height: 300px; display: flex; align-items: center; justify-content: center;\n margin: 40px 0; position: relative;\n }\n\n .cpx-hydration-drop {\n width: 120px; height: 120px;\n background: linear-gradient(135deg, rgba(0, 255, 136, 0.8), rgba(0, 143, 76, 0.9));\n border-radius: 50% 50% 50% 5px; \/* Tear drop shape *\/\n transform: rotate(-45deg);\n box-shadow: 0 0 50px rgba(0, 255, 136, 0.5), inset 20px 20px 40px rgba(255,255,255,0.3);\n position: relative; z-index: 3;\n animation: pulseDrop 3s infinite ease-in-out alternate;\n display: flex; align-items: center; justify-content: center;\n }\n\n .cpx-hydration-drop svg {\n transform: rotate(45deg); \/* Correct the icon inside the drop *\/\n }\n\n .cpx-ring {\n position: absolute; border-radius: 50%; border: 2px dashed rgba(255, 215, 0, 0.5);\n width: 200px; height: 200px; animation: spinRing 10s linear infinite; z-index: 2;\n }\n\n @keyframes pulseDrop {\n 0% { transform: rotate(-45deg) scale(0.95); box-shadow: 0 0 30px rgba(0, 255, 136, 0.4); }\n 100% { transform: rotate(-45deg) scale(1.05); box-shadow: 0 0 60px rgba(0, 255, 136, 0.8); }\n }\n @keyframes spinRing { 100% { transform: rotate(360deg); } }\n\n \/* --- STREAMING_CHUNK:Styling Headings \u0026 Glass Panels... --- *\/\n .cpx-title-glow {\n display: block; width: 100%; font-size: clamp(30px, 5vw, 46px); font-weight: 900;\n text-align: center; margin-bottom: 25px; line-height: 1.4; color: var(--cpx-text-title);\n text-shadow: 0 0 15px rgba(0, 255, 136, 0.6); letter-spacing: -0.5px;\n }\n\n .cpx-section-title {\n display: flex; align-items: center; justify-content: center; gap: 15px;\n width: 100%; font-size: clamp(24px, 4vw, 34px); font-weight: 900;\n color: var(--cpx-text-title); text-align: center; margin: 70px auto 40px; line-height: 1.5;\n }\n\n .cpx-section-title::before, .cpx-section-title::after {\n content: ''; display: block; width: 50px; height: 4px;\n background: var(--cpx-green-main); border-radius: 4px; box-shadow: 0 0 10px var(--cpx-green-main);\n }\n\n .cpx-glass-panel {\n background: linear-gradient(135deg, rgba(4, 30, 15, 0.9), rgba(2, 15, 8, 0.95));\n border: 1px solid var(--cpx-border); border-radius: 24px; padding: 40px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8); text-align: center; margin: 60px 0; position: relative; overflow: hidden;\n }\n \n .cpx-glass-panel::before {\n content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px;\n background: linear-gradient(90deg, var(--cpx-green-main), var(--cpx-gold-main));\n }\n\n \/* --- STREAMING_CHUNK:Creating Interactive Ingredient Grid... --- *\/\n .cpx-ingredients-grid {\n display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 25px; margin: 40px 0; text-align: right;\n }\n\n .cpx-ing-card {\n background: var(--cpx-bg-card); border: 1px solid var(--cpx-border); border-radius: 20px;\n padding: 30px; position: relative; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n backdrop-filter: blur(15px); display: flex; flex-direction: column; gap: 15px; cursor: crosshair;\n }\n\n .cpx-ing-card::after {\n content: ''; position: absolute; inset: 0; border-radius: 20px; padding: 2px;\n background: linear-gradient(135deg, var(--cpx-green-main), transparent);\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor; mask-composite: exclude; opacity: 0; transition: opacity 0.4s ease;\n }\n\n .cpx-ing-card:hover {\n transform: translateY(-10px); background: rgba(6, 45, 22, 0.85); box-shadow: 0 15px 40px rgba(0, 255, 136, 0.15);\n }\n\n .cpx-ing-card:hover::after { opacity: 1; }\n\n .cpx-ing-header { display: flex; align-items: center; gap: 15px; position: relative; z-index: 2; }\n\n .cpx-ing-icon {\n width: 55px; height: 55px; min-width: 55px; background: rgba(0, 255, 136, 0.1);\n border: 1px solid rgba(0, 255, 136, 0.4); border-radius: 14px; display: flex; align-items: center; justify-content: center;\n color: var(--cpx-green-main); transition: all 0.4s ease;\n }\n\n .cpx-ing-card:hover .cpx-ing-icon {\n background: var(--cpx-green-main); color: #000; transform: rotate(10deg) scale(1.1);\n box-shadow: 0 0 20px var(--cpx-green-main); border-color: transparent;\n }\n\n .cpx-ing-name { font-size: 1.4rem; font-weight: 900; color: #ffffff; font-family: monospace; letter-spacing: 0.5px; }\n .cpx-ing-desc { font-size: 1.15rem; color: #ffffff; font-weight: 700; line-height: 1.7; position: relative; z-index: 2; }\n\n \/* --- STREAMING_CHUNK:Steps \u0026 CTA Setup... --- *\/\n .cpx-steps-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin: 40px 0; text-align: center; }\n .cpx-step-card { background: rgba(0,0,0,0.4); border: 1px dashed var(--cpx-green-main); border-radius: 16px; padding: 30px 20px; }\n .cpx-cta-box {\n background: linear-gradient(180deg, rgba(0, 255, 136, 0.1) 0%, rgba(4, 30, 15, 0.9) 100%);\n border: 2px solid var(--cpx-green-main); border-radius: 24px; padding: 60px 30px; text-align: center;\n margin-top: 60px; box-shadow: 0 0 50px rgba(0, 255, 136, 0.15); position: relative; overflow: hidden;\n }\n\n .cpx-reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .cpx-reveal.cpx-active { opacity: 1; transform: translateY(0); }\n .cpx-delay-1 { transition-delay: 0.15s; }\n .cpx-delay-2 { transition-delay: 0.3s; }\n\n @media (max-width: 768px) {\n .cpx-conditioner-wrapper { padding: 30px 0; }\n .cpx-title-glow { font-size: 28px; }\n .cpx-section-title { font-size: 22px; flex-direction: column; gap: 10px; }\n .cpx-glass-panel { padding: 25px; }\n }\n \u003c\/style\u003e\n\n \u003cdiv class=\"cpx-ambient-bg\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"cpx-container\"\u003e\n \n \u003c!-- 1. Hero Section --\u003e\n \u003cdiv style=\"text-align: center; padding-top: 20px;\" class=\"cpx-reveal cpx-active\"\u003e\n \u003cdiv style=\"display: inline-block; background: rgba(0, 255, 136, 0.15); border: 1px solid var(--cpx-green-main); color: #ffffff; padding: 10px 30px; border-radius: 40px; font-weight: 900; font-size: 1.1rem; margin-bottom: 30px; box-shadow: 0 0 20px rgba(0, 255, 136, 0.2);\"\u003e\n ترطيب عميق بدون إرهاق للفروة 💧\n \u003c\/div\u003e\n \n \u003ch1 class=\"cpx-title-glow\"\u003e\n بلسم كابيكسي لعلاج القشرة\u003cbr\u003e\n \u003cspan class=\"neon-green\"\u003eيهدئ الفروة، ويفك تشابك الشعر!\u003c\/span\u003e\n \u003c\/h1\u003e\n \n \u003cp style=\"font-size: 1.3rem; color: #ffffff; font-weight: 700; max-width: 850px; margin: 0 auto 50px; line-height: 1.8;\"\u003e\n المكمل المثالي لروتين علاج القشرة. يعيد الرطوبة الحيوية و\u003cspan class=\"neon-gold\"\u003eيقوي حاجز الفروة\u003c\/span\u003e دون أن يثقل شعرك أو يهيج القشرة مرة أخرى.\n \u003c\/p\u003e\n\n \u003c!-- CSS Art Centerpiece (Hydration Drop) --\u003e\n \u003cdiv class=\"cpx-css-art-container\"\u003e\n \u003cdiv class=\"cpx-ring\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cpx-hydration-drop\"\u003e\n \u003csvg width=\"40\" height=\"40\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 2. The Problem \u0026 Smart Solution --\u003e\n \u003cdiv class=\"cpx-glass-panel cpx-reveal\"\u003e\n \u003ch2 style=\"font-size: 1.8rem; font-weight: 900; color: #ffffff; margin-bottom: 20px;\"\u003e\n معضلة البلسم: \u003cspan class=\"neon-gold\"\u003eالترطيب مقابل القشرة\u003c\/span\u003e\n \u003c\/h2\u003e\n \u003cp style=\"font-size: 1.25rem; color: #ffffff; font-weight: 700; margin-bottom: 30px;\"\u003e\n معظم أنواع البلسم العادية مليئة بالسيليكون الثقيل الذي يسد مسام الفروة ويزيد من القشرة. وعلى الجانب الآخر، تجاهل استخدام البلسم بعد غسيل الشعر القاسي يتركه \u003cspan style=\"color: #ff2a7a; text-shadow: 0 0 10px rgba(255,42,122,0.8); font-weight: 900;\"\u003eجافاً، باهتاً، ومتشابكاً\u003c\/span\u003e.\n \u003c\/p\u003e\n \n \u003cdiv style=\"background: rgba(0, 255, 136, 0.08); border: 2px dashed var(--cpx-green-main); border-radius: 16px; padding: 30px;\"\u003e\n \u003ch3 style=\"color: #ffffff; font-size: 1.6rem; font-weight: 900; margin-bottom: 15px;\"\u003eالحل مع كابيكسي: \u003cspan class=\"neon-green\"\u003eترطيب آمن تماماً على الفروة\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp style=\"color: #ffffff; font-weight: 700; font-size: 1.2rem;\"\u003e\n تركيبة مصممة علمياً لتوفير \u003cspan class=\"neon-gold\"\u003eتغذية مكثفة وفك فوري للتشابك\u003c\/span\u003e لخصلات شعرك، بينما تدعم بنشاط بيئة فروة رأس متوازنة وخالية تماماً من القشور المزعجة.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 3. Ingredients Grid --\u003e\n \u003ch2 class=\"cpx-section-title cpx-reveal\"\u003eمركب الترميم المتآزر\u003c\/h2\u003e\n \u003cp class=\"cpx-reveal\" style=\"text-align: center; color: #ffffff; font-weight: 900; font-size: 1.3rem; margin-bottom: 40px;\"\u003e\n مصمم لترطيب وتنعيم خصلات الشعر مع الحفاظ على دفاعات الفروة.\n \u003c\/p\u003e\n\n \u003cdiv class=\"cpx-ingredients-grid\"\u003e\n \n \u003c!-- Ceramides Grouped --\u003e\n \u003cdiv class=\"cpx-ing-card cpx-reveal\" style=\"border-color: var(--cpx-gold-main);\"\u003e\n \u003cdiv class=\"cpx-ing-header\"\u003e\n \u003cdiv class=\"cpx-ing-icon\" style=\"color: var(--cpx-gold-main); border-color: var(--cpx-gold-main);\"\u003e\n \u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003crect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\u003e\u003c\/rect\u003e\u003cpath d=\"M7 11V7a5 5 0 0 1 10 0v4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cpx-ing-name neon-gold\"\u003eTriple Ceramide \u003cbr\u003e\u003cspan style=\"font-size: 1rem;\"\u003e(NP, AP, EOP)\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"cpx-ing-desc\" style=\"font-size: 1.05rem;\"\u003e\n \u003cstrong\u003eCeramide NP:\u003c\/strong\u003e يرطب خصلات الشعر والفروة بعمق.\u003cbr\u003e\n \u003cstrong\u003eCeramide AP:\u003c\/strong\u003e يعزز الحماية ضد العوامل المسببة للتهيج.\u003cbr\u003e\n \u003cstrong\u003eCeramide EOP:\u003c\/strong\u003e يحبس الترطيب بالداخل ليمنع جفاف وتكسر الأطراف.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cpx-ing-card cpx-reveal cpx-delay-1\"\u003e\n \u003cdiv class=\"cpx-ing-header\"\u003e\n \u003cdiv class=\"cpx-ing-icon\"\u003e\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\u003c\/div\u003e\n \u003cdiv class=\"cpx-ing-name neon-gold\"\u003eApiscalp™\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"cpx-ing-desc\"\u003eيساعد في \u003cspan class=\"neon-green\"\u003eإعادة التوازن وتهدئة\u003c\/span\u003e الفروة، ليضمن أن مرحلة الترطيب لن تؤدي لعودة ظهور القشرة.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cpx-ing-card cpx-reveal cpx-delay-2\"\u003e\n \u003cdiv class=\"cpx-ing-header\"\u003e\n \u003cdiv class=\"cpx-ing-icon\"\u003e\u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpolyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"cpx-ing-name neon-gold\"\u003eSaw Palmetto\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"cpx-ing-desc\"\u003eخلاصة البلميط المنشاري تدعم \u003cspan class=\"neon-green\"\u003eحيوية الفروة\u003c\/span\u003e وتقوي خصلات الشعر لتبدو أكثر كثافة وصحة.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cpx-ing-card cpx-reveal\"\u003e\n \u003cdiv class=\"cpx-ing-header\"\u003e\n \u003cdiv class=\"cpx-ing-icon\"\u003e\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\u003c\/div\u003e\n \u003cdiv class=\"cpx-ing-name neon-gold\"\u003eMillet Seed Extract\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"cpx-ing-desc\"\u003eغنية بالعناصر الغذائية، تساعد في \u003cspan class=\"neon-green\"\u003eتغذية الشعر من الداخل\u003c\/span\u003e، وتحسن ملمس الشعر وسهولة تمشيطه.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cpx-ing-card cpx-reveal cpx-delay-1\"\u003e\n \u003cdiv class=\"cpx-ing-header\"\u003e\n \u003cdiv class=\"cpx-ing-icon\"\u003e\u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z\"\u003e\u003c\/path\u003e\u003cline x1=\"16\" y1=\"8\" x2=\"2\" y2=\"22\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"cpx-ing-name neon-gold\"\u003eTea Tree Oil\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"cpx-ing-desc\"\u003eيوفر تأثير \u003cspan class=\"neon-green\"\u003eتنقية لطيف\u003c\/span\u003e، ليحافظ على إحساس الفروة بالانتعاش والنظافة حتى بعد الاستحمام.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cpx-ing-card cpx-reveal cpx-delay-2\"\u003e\n \u003cdiv class=\"cpx-ing-header\"\u003e\n \u003cdiv class=\"cpx-ing-icon\"\u003e\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=\"M8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"cpx-ing-name neon-gold\"\u003eSalicylic Acid (Trace)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"cpx-ing-desc\"\u003eمضاف بنسبة دقيقة ومدروسة لضمان \u003cspan class=\"neon-green\"\u003eعدم ترك أي تراكمات\u003c\/span\u003e على الفروة بعد خطوة الترطيب.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c!-- 4. Usage Protocol --\u003e\n \u003ch2 class=\"cpx-section-title cpx-reveal\"\u003eالروتين المثالي للترطيب\u003c\/h2\u003e\n \u003cdiv class=\"cpx-steps-grid cpx-reveal\"\u003e\n \u003cdiv class=\"cpx-step-card\"\u003e\n \u003ch3 class=\"neon-green\" style=\"font-size: 1.6rem; margin-bottom: 10px;\"\u003e01 الغسيل\u003c\/h3\u003e\n \u003cp style=\"color: #fff; font-weight: 700; font-size: 1.15rem;\"\u003eاغسلي شعرك ونظفيه أولاً باستخدام شامبو كابيكسي لعلاج القشرة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cpx-step-card\"\u003e\n \u003ch3 class=\"neon-green\" style=\"font-size: 1.6rem; margin-bottom: 10px;\"\u003e02 التطبيق\u003c\/h3\u003e\n \u003cp style=\"color: #fff; font-weight: 700; font-size: 1.15rem;\"\u003eضعي كمية وفيرة من البلسم، مع التركيز بشكل أساسي على منتصف الشعر والأطراف.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cpx-step-card\"\u003e\n \u003ch3 class=\"neon-green\" style=\"font-size: 1.6rem; margin-bottom: 10px;\"\u003e03 الانتظار\u003c\/h3\u003e\n \u003cp style=\"color: #fff; font-weight: 700; font-size: 1.15rem;\"\u003eاتركيه لمدة \u003cspan class=\"neon-gold\"\u003eدقيقة إلى 3 دقائق\u003c\/span\u003e ليفك التشابك ويتغلغل بعمق.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cpx-step-card\"\u003e\n \u003ch3 class=\"neon-green\" style=\"font-size: 1.6rem; margin-bottom: 10px;\"\u003e04 الشطف\u003c\/h3\u003e\n \u003cp style=\"color: #fff; font-weight: 700; font-size: 1.15rem;\"\u003eاشطفيه جيداً. ولاحظي كيف تنزلق أصابعك بسهولة بين خصلات شعرك الحريرية.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 5. Final Powerful CTA --\u003e\n \u003cdiv class=\"cpx-cta-box cpx-reveal\"\u003e\n \u003cdiv style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 300px; height: 300px; background: radial-gradient(circle, rgba(0,255,136,0.15) 0%, transparent 70%); animation: pulseDrop 4s infinite alternate; z-index: 0; pointer-events: none;\"\u003e\u003c\/div\u003e\n \n \u003cdiv style=\"position: relative; z-index: 1;\"\u003e\n \u003ch2 style=\"font-size: clamp(28px, 5vw, 42px); font-weight: 900; color: #ffffff; margin-bottom: 25px;\"\u003e\n \u003cspan class=\"neon-gold\"\u003eكملي روتينك الصح وودعي القشرة\u003c\/span\u003e\n \u003c\/h2\u003e\n \n \u003cp style=\"font-size: 1.3rem; color: #ffffff; font-weight: 700; max-width: 800px; margin: 0 auto 35px; line-height: 1.8;\"\u003e\n متخليش بلسم عادي يبوظ كل اللي عمله شامبو القشرة. \u003cbr\u003e\n بلسم كابيكسي بيضمنلك \u003cspan class=\"neon-green\"\u003eنعومة وترطيب فائق\u003c\/span\u003e من غير ما يضر صحة فروة راسك أو يرجعلك القشرة تاني.\n \u003c\/p\u003e\n \n \u003ch3 style=\"color: #ffffff; font-size: 1.8rem; font-weight: 900; margin-bottom: 0;\"\u003e\n احبسي الرطوبة جوه شعرك، و\u003cspan class=\"neon-green\"\u003eاطردي القشرة براه!\u003c\/span\u003e\n \u003c\/h3\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cscript\u003e\n document.addEventListener(\"DOMContentLoaded\", function() {\n const reveals = document.querySelectorAll('.cpx-reveal');\n const revealOptions = { root: null, threshold: 0.1, rootMargin: \"0px 0px -40px 0px\" };\n\n const revealObserver = new IntersectionObserver(function(entries, observer) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('cpx-active');\n observer.unobserve(entry.target); \n }\n });\n }, revealOptions);\n\n reveals.forEach(function(reveal) {\n revealObserver.observe(reveal);\n });\n });\n \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Capixy","offers":[{"title":"Default Title","offer_id":49341265379502,"sku":null,"price":20.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/1_1_7bc95a72-1b34-4162-8bdb-d6a04282893b.jpg?v=1789089540"},{"product_id":"dermacy-firming-hydrating-eye-cream-15ml","title":"Dermacy Firming \u0026 Hydrating Eye Cream 15ml - كريم العين المرطب والمشدّ من ديرماسي","description":"\u003cstyle\u003e\n#dmeye{--bg:#031518;--card:rgba(7,38,43,.74);--line:rgba(94,214,206,.22);--rs:#5ed6ce;--ice:#d3f7f3;--gold:#f6b99a;--txt:#effcfb;--mut:#9fc7c4;position:relative;border-radius:28px;background:radial-gradient(circle at 50% 0%,#0a3a40 0%,#031518 62%);color:var(--txt);font-family:'Tajawal','Cairo',system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.85;overflow:hidden;direction:rtl;text-align:right}\n#dmeye *{box-sizing:border-box}\n#dmeye .orb{position:absolute;border-radius:50%;filter:blur(110px);opacity:.28;pointer-events:none;animation:deFloat 18s ease-in-out infinite alternate}\n#dmeye .o1{width:420px;height:420px;background:#0e8b87;top:-80px;right:-100px}\n#dmeye .o2{width:380px;height:380px;background:#c9794f;top:48%;left:-120px;opacity:.12;animation-delay:-6s}\n#dmeye .o3{width:460px;height:460px;background:#0a5f63;bottom:-120px;right:10%;opacity:.24;animation-delay:-11s}\n@keyframes deFloat{0%{transform:translate(0,0)}100%{transform:translate(30px,40px)}}\n@keyframes dePulse{0%,100%{opacity:.55}50%{opacity:1}}\n@keyframes deRise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n#dmeye .band{position:relative;z-index:2}#dmeye .band.a{background:rgba(2,14,17,.82)}#dmeye .band.b{background:linear-gradient(180deg,#0b3a40,#0f4f56);border-top:1px solid rgba(94,214,206,.14);border-bottom:1px solid rgba(94,214,206,.14)}\n#dmeye .band.b .card,#dmeye .band.b .step,#dmeye .band.b .tl,#dmeye .band.b details,#dmeye .band.b .panel,#dmeye .band.b .fb\u003ediv{background:rgba(2,18,21,.55)}\n#dmeye .sec{position:relative;max-width:1080px;margin:0 auto;padding:3.4rem 1.4rem;animation:deRise .9s ease both}\n#dmeye .badge{display:inline-flex;gap:.5rem;align-items:center;padding:.4rem 1rem;border:1px solid var(--line);border-radius:99px;background:rgba(94,214,206,.08);color:var(--rs);font-size:.95rem;font-weight:700}\n#dmeye .badge i{width:8px;height:8px;border-radius:50%;background:var(--rs);animation:dePulse 2s infinite}\n#dmeye .eyebrow{color:var(--gold);font-weight:700;margin:1.1rem 0 .3rem;font-size:1.05rem}\n#dmeye h1{font-size:clamp(1.9rem,5.4vw,3.1rem);line-height:1.35;font-weight:800;margin:.2rem 0 1rem;color:#fff}\n#dmeye h2{font-size:clamp(1.5rem,4vw,2.2rem);line-height:1.45;font-weight:800;margin:.2rem 0 .8rem;color:#fff}\n#dmeye h1 em,#dmeye h2 em{font-style:normal;background:linear-gradient(90deg,var(--rs),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}\n#dmeye h3{font-size:1.15rem;margin:.2rem 0 .4rem;color:var(--rs);font-weight:800}\n#dmeye p{margin:.4rem 0;color:var(--txt);font-size:1.05rem}\n#dmeye .mut{color:var(--mut)}\n#dmeye .hero{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:center}\n#dmeye .chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}\n#dmeye .chip{padding:.45rem .95rem;border-radius:12px;border:1px solid var(--line);background:var(--card);font-size:.92rem;font-weight:700;color:var(--ice)}\n#dmeye .head{text-align:center;max-width:760px;margin:0 auto 2rem}\n#dmeye .rule{height:3px;width:64px;margin:.9rem auto 0;border-radius:3px;background:linear-gradient(90deg,var(--rs),var(--gold))}\n#dmeye .panel{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:1.6rem;backdrop-filter:blur(10px);box-shadow:0 14px 40px rgba(0,0,0,.55)}\n#dmeye .grid{display:grid;gap:1.1rem}#dmeye .g3{grid-template-columns:repeat(3,1fr)}\n#dmeye .card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:1.4rem;transition:transform .35s,border-color .35s}\n#dmeye .card:hover{transform:translateY(-6px);border-color:rgba(94,214,206,.5)}\n#dmeye .ico{margin-bottom:.5rem}#dmeye .ic{width:34px;height:34px;display:block}\n#dmeye .tag{display:inline-block;font-size:.78rem;color:var(--gold);border:1px solid rgba(246,185,154,.35);border-radius:8px;padding:.05rem .5rem;margin-bottom:.4rem;font-weight:700}\n#dmeye .split{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;align-items:center}\n#dmeye ul.ck{list-style:none;padding:0;margin:.6rem 0}\n#dmeye ul.ck li{position:relative;padding:.55rem 2rem .55rem 0;border-bottom:1px dashed rgba(94,214,206,.18)}\n#dmeye ul.ck li:before{content:'';position:absolute;right:.15rem;top:.95rem;width:.9rem;height:.45rem;border-right:2.5px solid var(--rs);border-bottom:2.5px solid var(--rs);transform:rotate(-45deg) scale(.9)}\n#dmeye .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}\n#dmeye .step{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1.2rem}\n#dmeye .step b{display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:linear-gradient(135deg,var(--rs),var(--ice));color:#04262a;font-weight:800;margin-bottom:.5rem}\n#dmeye .time{display:grid;gap:.9rem}\n#dmeye .tl{display:grid;grid-template-columns:110px 1fr;gap:1rem;align-items:start;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1rem 1.2rem}\n#dmeye .tl span{color:var(--gold);font-weight:800}\n#dmeye .warn{border:1px solid rgba(246,185,154,.4);background:linear-gradient(135deg,rgba(246,185,154,.09),rgba(246,185,154,.02));border-radius:22px;padding:1.5rem}\n#dmeye .warn h3{color:var(--gold)}\n#dmeye details{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:.9rem 1.2rem;margin:.7rem 0}\n#dmeye summary{cursor:pointer;font-weight:800;color:#fff;font-size:1.05rem}\n#dmeye details p{margin-top:.6rem;color:var(--mut)}\n#dmeye .cta{text-align:center;background:linear-gradient(135deg,rgba(94,214,206,.13),rgba(246,185,154,.07));border:1px solid var(--line);border-radius:26px;padding:2.4rem 1.4rem}\n#dmeye .trust{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin-top:1.2rem}\n#dmeye .trust span{font-size:.9rem;padding:.4rem .9rem;border-radius:99px;border:1px solid var(--line);background:rgba(2,18,21,.6);color:var(--ice);font-weight:700}\n#dmeye .inci{font-size:.8rem;color:var(--mut);direction:ltr;text-align:left;line-height:1.7;margin-top:.8rem}\n#dmeye .fb{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}\n#dmeye .fb\u003ediv{border-radius:18px;padding:1.2rem;border:1px solid var(--line);background:var(--card)}\n#dmeye .fb .g{border-color:rgba(94,214,206,.45)}#dmeye .fb .n{border-color:rgba(246,185,154,.45)}\n#dmeye .big{font-size:2.4rem;font-weight:800;color:var(--gold);direction:ltr;text-align:right;line-height:1.2;margin:.2rem 0}\n#dmeye .ph{position:relative;margin:0;border-radius:24px;overflow:hidden;border:1px solid rgba(94,214,206,.3);box-shadow:0 22px 50px rgba(0,0,0,.55),0 0 0 6px rgba(94,214,206,.05)}\n#dmeye .ph img{width:100%;height:auto;display:block;aspect-ratio:1\/1;object-fit:cover}\n#dmeye .ph .lb{position:absolute;bottom:.8rem;right:.8rem;background:rgba(2,18,21,.8);border:1px solid rgba(246,185,154,.45);color:var(--gold);border-radius:99px;padding:.3rem .95rem;font-size:.85rem;font-weight:800}\n#dmeye .ctaimg{max-width:360px;margin:0 auto 1.4rem}\n#dmeye .pt{position:absolute;border-radius:50%;background:var(--rs);opacity:0;pointer-events:none;animation:deUp 9s linear infinite;z-index:1}\n@keyframes deUp{0%{transform:translateY(0);opacity:0}15%{opacity:.7}100%{transform:translateY(-380px);opacity:0}}\n@media(max-width:820px){#dmeye .hero,#dmeye .split,#dmeye .g3,#dmeye .steps,#dmeye .fb{grid-template-columns:1fr}#dmeye .tl{grid-template-columns:1fr}#dmeye .sec{padding:2.2rem 1rem}}\n@media(prefers-reduced-motion:reduce){#dmeye *{animation:none!important}}\n\u003c\/style\u003e\n\u003cdiv id=\"dmeye\" dir=\"rtl\"\u003e\n\u003cspan class=\"pt\" style=\"left:8%;bottom:40px;width:4px;height:4px;animation-delay:0s\"\u003e\u003c\/span\u003e\u003cspan class=\"pt\" style=\"left:30%;bottom:160px;width:6px;height:6px;animation-delay:-3s\"\u003e\u003c\/span\u003e\u003cspan class=\"pt\" style=\"left:55%;bottom:240px;width:5px;height:5px;animation-delay:-2s\"\u003e\u003c\/span\u003e\u003cspan class=\"pt\" style=\"left:78%;bottom:60px;width:4px;height:4px;animation-delay:-7s\"\u003e\u003c\/span\u003e\u003cspan class=\"pt\" style=\"left:92%;bottom:200px;width:6px;height:6px;animation-delay:-4s\"\u003e\u003c\/span\u003e\n\u003cdiv class=\"orb o1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"orb o2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"orb o3\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"band a\"\u003e\u003cheader class=\"sec\"\u003e\n\u003cdiv class=\"hero\"\u003e\n\u003cdiv\u003e\n\u003cspan class=\"badge\"\u003e\u003ci\u003e\u003c\/i\u003e هيالورونيك • كولاجين • كافيين\u003c\/span\u003e\n\u003cdiv class=\"eyebrow\"\u003eكريم عين مرطّب ومشدّ | \u003cbdi\u003eDermacy Laboratories\u003c\/bdi\u003e\n\u003c\/div\u003e\n\u003ch1\u003eالهالات مابتستأذنش قبل ما تظهر. \u003cem\u003eاسبقها بكريم خفيف بيرطّب وبيشدّ\u003c\/em\u003e\n\u003c\/h1\u003e\n\u003cp\u003eكريم \u003cbdi\u003eDermacy Eye Cream\u003c\/bdi\u003e بيجمع \u003cstrong\u003eهيالورونيك أسيد\u003c\/strong\u003e و\u003cstrong\u003eكولاجين\u003c\/strong\u003e و\u003cstrong\u003eكافيين\u003c\/strong\u003e في عبوة مضخة أيرليس 15 مل. قوامه خفيف وبيتشرّب بسرعة، ومتصمم علشان يساعد في ترطيب محيط العين وتحسين مظهر الهالات والانتفاخ، حسب بيانات البراند.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan class=\"chip\"\u003eهيالورونيك أسيد\u003c\/span\u003e\u003cspan class=\"chip\"\u003eكولاجين\u003c\/span\u003e\u003cspan class=\"chip\"\u003eكافيين\u003c\/span\u003e\u003cspan class=\"chip\"\u003eقوام خفيف وسريع الامتصاص\u003c\/span\u003e\u003cspan class=\"chip\"\u003e15 مل\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cfigure class=\"ph\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/eff5fbf8-850e-4bfc-ab09-d44be2665edd.jpg\" alt=\"كريم عين ديرماسي المرطب والمشدّ على سطح حجري وخلفية تيل\"\u003e\u003cspan class=\"lb\"\u003e15 مل | أيرليس\u003c\/span\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/header\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"band b\"\u003e\n\u003csection class=\"sec\"\u003e\n\u003cdiv class=\"head\"\u003e\n\u003cdiv class=\"eyebrow\"\u003eقبل الحل\u003c\/div\u003e\n\u003ch2\u003eليه محيط العين \u003cem\u003eبيفضحك قبل أي مكان تاني؟\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"rule\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"split\"\u003e\n\u003cdiv\u003e\n\u003cp\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\u003cfigure class=\"ph\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/5ba80087-8558-47e9-a606-100287afa9d3.jpg\" alt=\"كريم عين ديرماسي مع قطرات الهيالورونيك وقوام الكريم\" loading=\"lazy\"\u003e\u003cspan class=\"lb\"\u003eترطيب. شد. تقليل انتفاخ\u003c\/span\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"band a\"\u003e\n\u003csection class=\"sec\"\u003e\n\u003cdiv class=\"head\"\u003e\n\u003cdiv class=\"eyebrow\"\u003eفكرة المنتج\u003c\/div\u003e\n\u003ch2\u003eتلات وظايف، \u003cem\u003eفي ضغطة واحدة\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"rule\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"split\" style=\"margin-bottom:1.8rem\"\u003e\n\u003cfigure class=\"ph\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/60c5f2a8-0cdf-4e7a-8a86-bc15007e9f57.jpg\" alt=\"ثلاث مكونات فعالة: هيالورونيك وكولاجين وكافيين في كريم عين ديرماسي\" loading=\"lazy\"\u003e\u003cspan class=\"lb\"\u003e3 مكونات فعالة\u003c\/span\u003e\u003c\/figure\u003e\n\u003cdiv\u003e\n\u003ch3\u003eمش كريم عادي\u003c\/h3\u003e\n\u003cp\u003eالبراند بيقدّمه ككريم عين بيرطّب ويدعم المرونة ويهتم بالهالات والانتفاخ. التركيبة بتعتمد على تلات مكونات معروفة في العناية بالعين.\u003c\/p\u003e\n\u003cp\u003eوقوامه خفيف، فبيتشرّب بسرعة ومش بيسيب إحساس تقيل تحت العين.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid g3\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cdiv class=\"ico\"\u003e\u003csvg class=\"ic\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#5ed6ce\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3s6 6.5 6 11a6 6 0 0 1-12 0c0-4.5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003eترطيب وامتلاء\u003c\/h3\u003e\n\u003cp class=\"mut\"\u003e\u003cbdi\u003eHyaluronic Acid\u003c\/bdi\u003e بيساعد الجلد يحتفظ بالرطوبة ويدّيه مظهر أنعم وأملى، حسب البراند.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cdiv class=\"ico\"\u003e\u003csvg class=\"ic\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#5ed6ce\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3v18M5 8c3 2 11 2 14 0M5 16c3-2 11-2 14 0\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003eمرونة وحاجز أقوى\u003c\/h3\u003e\n\u003cp class=\"mut\"\u003eالكولاجين مذكور في التركيبة لدعم مرونة الجلد وحاجزه الواقي، حسب بيانات البراند.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cdiv class=\"ico\"\u003e\u003csvg class=\"ic\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#5ed6ce\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 2v3M12 19v3M2 12h3M19 12h3M5 5l2 2M17 17l2 2M19 5l-2 2M7 17l-2 2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003eهالات وانتفاخ\u003c\/h3\u003e\n\u003cp class=\"mut\"\u003eالكافيين معروف بإحساس الانتعاش، والبراند بيقدّمه للمساعدة في مظهر الهالات والانتفاخ.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"band b\"\u003e\n\u003csection class=\"sec\"\u003e\n\u003cdiv class=\"head\"\u003e\n\u003cdiv class=\"eyebrow\"\u003eاللي جوّه العبوة\u003c\/div\u003e\n\u003ch2\u003eخفيف على الجلد، \u003cem\u003eوكل مكوّن له شغلة\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"rule\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"split\" style=\"margin-bottom:1.8rem\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eقوام كريمي خفيف بيتوزع بسهولة\u003c\/h3\u003e\n\u003cp\u003eكمية صغيرة بتكفي العين الاتنين. القوام الخفيف ده بيخلّي التربيت سهل من غير ما تسحب الجلد الرقيق، وبيتشرّب بسرعة.\u003c\/p\u003e\n\u003cp class=\"mut\"\u003eعلى العبوة أيقونات بتقول إن المنتج مختبر جلديًا، ومضاد للحساسية، وخالي من البارابين والمواد القاسية، ومش مجرّب على الحيوانات.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"ph\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/96a94378-1f9e-4eaf-8096-e4b98d7221ab.jpg\" alt=\"قوام كريم العين الخفيف بجانب العبوة\" loading=\"lazy\"\u003e\u003cspan class=\"lb\"\u003eقوام خفيف\u003c\/span\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid g3\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cspan class=\"tag\"\u003eالترطيب\u003c\/span\u003e\u003cbr\u003e\n\u003ch3\u003eهيالورونيك أسيد\u003c\/h3\u003e\n\u003cp class=\"mut\"\u003eمكوّن مرطّب معروف بقدرته على جذب الماء، وبيدّي مظهر أنعم.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cspan class=\"tag\"\u003eالمرونة\u003c\/span\u003e\u003cbr\u003e\n\u003ch3\u003eكولاجين\u003c\/h3\u003e\n\u003cp class=\"mut\"\u003eمذكور لدعم مظهر الجلد الأكتر تماسك ومرونة وتقوية الحاجز، حسب البراند.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cspan class=\"tag\"\u003eالانتعاش\u003c\/span\u003e\u003cbr\u003e\n\u003ch3\u003eكافيين\u003c\/h3\u003e\n\u003cp class=\"mut\"\u003eبيدّي إحساس بالانتعاش، ومستخدم في كريمات العين لمظهر الهالات والانتفاخ.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"inci\"\u003e\u003cstrong\u003eBrand-listed actives:\u003c\/strong\u003e Hyaluronic Acid, Collagen, Caffeine. The full ingredient list is printed on the pack.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"band a\"\u003e\n\u003csection class=\"sec\"\u003e\n\u003cdiv class=\"split\"\u003e\n\u003cdiv class=\"panel\"\u003e\n\u003cdiv class=\"head\" style=\"margin-bottom:1rem\"\u003e\n\u003cdiv class=\"eyebrow\"\u003eهل ده كريمك؟\u003c\/div\u003e\n\u003ch2\u003eاتأكد في \u003cem\u003e5 نقاط\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003c\/div\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\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"ph\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/96184b4c-6d24-4547-a554-0a9c36c77a70.jpg\" alt=\"كريم عين ديرماسي على رف الحمام ضمن الروتين اليومي\" loading=\"lazy\"\u003e\u003cspan class=\"lb\"\u003eجزء من روتينك\u003c\/span\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"band b\"\u003e\n\u003csection class=\"sec\"\u003e\n\u003cdiv class=\"head\"\u003e\n\u003cdiv class=\"eyebrow\"\u003eإيه المتوقع؟\u003c\/div\u003e\n\u003ch2\u003eمش سحر في ليلة، \u003cem\u003eبس فرق بتلاحظه مع الاستمرار\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"mut\"\u003eالنتايج بتختلف من شخص لآخر حسب السبب ونوع البشرة وانتظامك في الاستخدام.\u003c\/p\u003e\n\u003cdiv class=\"rule\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"split\"\u003e\n\u003cfigure class=\"ph\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/135d52c7-65c5-40b9-885d-130db8729181.jpg\" alt=\"تربيت كريم العين بلطف تحت العين\" loading=\"lazy\"\u003e\u003cspan class=\"lb\"\u003eتربيت لطيف\u003c\/span\u003e\u003c\/figure\u003e\n\u003cdiv class=\"time\"\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cspan\u003eمن أول استخدام\u003c\/span\u003e\n\u003cdiv\u003eإحساس خفة وترطيب حوالين العين، والكريم بيتشرّب بسرعة.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cspan\u003eبعد أسبوعين تقريبًا\u003c\/span\u003e\n\u003cdiv\u003eالجلد غالبًا بيبان أنعم وأكتر ترطيب، والمنطقة بتبان أكتر راحة.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tl\"\u003e\n\u003cspan\u003eمع الاستمرار\u003c\/span\u003e\n\u003cdiv\u003eمظهر الهالات والانتفاخ ممكن يتحسن تدريجيًا، لأن الهالات ليها أسباب كتير وبتاخد وقت.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"band a\"\u003e\n\u003csection class=\"sec\"\u003e\n\u003cdiv class=\"head\"\u003e\n\u003cdiv class=\"eyebrow\"\u003eطريقة الاستخدام\u003c\/div\u003e\n\u003ch2\u003e4 خطوات \u003cem\u003eمافيهاش تعقيد\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"rule\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"split\" style=\"margin-bottom:1.6rem\"\u003e\n\u003cfigure class=\"ph\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/1753125b-590a-4688-b6f0-0c907ec15f20.jpg\" alt=\"ضغطة صغيرة من المضخة تكفي\" loading=\"lazy\"\u003e\u003cspan class=\"lb\"\u003eضغطة صغيرة تكفي\u003c\/span\u003e\u003c\/figure\u003e\n\u003cdiv class=\"steps\" style=\"grid-template-columns:1fr 1fr\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003ch3\u003eنضّف الوش\u003c\/h3\u003e\n\u003cp class=\"mut\"\u003eاغسل بغسول لطيف وجفّف بالتربيت.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003ch3\u003eاضغط المضخة\u003c\/h3\u003e\n\u003cp class=\"mut\"\u003eكمية صغيرة تكفي العين الاتنين.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003ch3\u003eتربيت بلطف\u003c\/h3\u003e\n\u003cp class=\"mut\"\u003eوزّعها بإصبع البنصر على عظمة حوالين العين.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003ch3\u003eكمّل روتينك\u003c\/h3\u003e\n\u003cp class=\"mut\"\u003eوبعدها الكريم المرطب أو واقي الشمس لو الصبح.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"mut\" style=\"text-align:center\"\u003eتجنّب الجفن مباشرة وداخل العين.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"band b\"\u003e\n\u003csection class=\"sec\"\u003e\n\u003cdiv class=\"warn\" style=\"max-width:820px;margin:0 auto\"\u003e\n\u003ch3\u003eكلمة صراحة قبل ما تجرّبه\u003c\/h3\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eجرّب على مساحة صغيرة\u003c\/strong\u003e (ورا الودن) 24 ساعة قبل الاستخدام الكامل.\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للاستخدام الخارجي فقط، وتجنّب دخوله العين.\u003c\/li\u003e\n\u003cli\u003eلو حصل تهيّج أو احمرار مستمر، وقّف الاستخدام واستشير دكتور.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"band a\"\u003e\n\u003csection class=\"sec\"\u003e\n\u003cdiv class=\"head\"\u003e\n\u003cdiv class=\"eyebrow\"\u003eآراء المستخدمين\u003c\/div\u003e\n\u003ch2\u003eخلاصة التقييمات: \u003cem\u003eالأرقام زي ما هي\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"mut\"\u003eمأخوذة من صفحة المنتج على نون، ومش من عملاء Instachiq.\u003c\/p\u003e\n\u003cdiv class=\"rule\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb\"\u003e\n\u003cdiv class=\"g\"\u003e\n\u003ch3\u003eنقاط الإيجابيات\u003c\/h3\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eمتوسط التقييم فوق 4 من 5.\u003c\/li\u003e\n\u003cli\u003e359 تقييم، يعني تجربة ناس كتير مش قليلة.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"n\"\u003e\n\u003ch3\u003eبعض الملاحظات\u003c\/h3\u003e\n\u003cul class=\"ck\"\u003e\n\u003cli\u003eنون بتعرض النجوم من غير تعليقات مكتوبة، فمقدرناش نلخّص تعليقات بعينها.\u003c\/li\u003e\n\u003cli\u003eالنتايج بتختلف من شخص لآخر.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eالتقييم العام\u003c\/h3\u003e\n\u003cdiv class=\"big\"\u003e4.2 \/ 5\u003c\/div\u003e\n\u003cp class=\"mut\"\u003eمن 359 تقييم على نون.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"band b\"\u003e\n\u003csection class=\"sec\"\u003e\n\u003cdiv class=\"head\"\u003e\n\u003ch2\u003eأسئلة \u003cem\u003eبتتسأل كتير\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdetails\u003e\n\u003csummary\u003eينفع لكل أنواع البشرة؟\u003c\/summary\u003e\n\u003cp\u003eالبراند بيذكر إنه مناسب لكل أنواع البشرة. ولو بشرتك حساسة جدًا، جرّب على مساحة صغيرة الأول.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eأستخدمه إمتى؟\u003c\/summary\u003e\n\u003cp\u003eينفع في روتين الصبح أو بليل على بشرة نضيفة. وفي الصبح كمّل بواقي شمس.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eهيشيل الهالات السودا؟\u003c\/summary\u003e\n\u003cp\u003eبيساعد في تحسين مظهرها مع الاستمرار، لكن الهالات ليها أسباب كتير، فالنتيجة بتختلف من شخص لآخر.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eالكمية كام وبتكفي قد إيه؟\u003c\/summary\u003e\n\u003cp\u003e15 مل في عبوة مضخة أيرليس. وبما إنك بتستخدم كمية صغيرة، العبوة بتكفي فترة كويسة.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eهل المنتج أصلي؟\u003c\/summary\u003e\n\u003cp\u003eأيوه، بنبيع المنتج الأصلي من البراند، وبنشحن لكل العالم.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"band a\"\u003e\n\u003csection class=\"sec\"\u003e\n\u003cdiv class=\"cta\"\u003e\n\u003cfigure class=\"ph ctaimg\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/ad8c6f3b-011a-4037-a946-0e0d79ea2d9f.jpg\" alt=\"عبوة كريم العين ديرماسي 15 مل منتج أصلي وشحن لكل العالم\" loading=\"lazy\"\u003e\u003cspan class=\"lb\"\u003e15 مل\u003c\/span\u003e\u003c\/figure\u003e\n\u003cdiv class=\"eyebrow\"\u003eخطوتك الجاية\u003c\/div\u003e\n\u003ch2\u003eعينيك تستاهل \u003cem\u003eكريم معمول لها\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp\u003e\u003cbdi\u003eDermacy Eye Cream\u003c\/bdi\u003e | 15 مل. هيالورونيك وكولاجين وكافيين في مضخة أيرليس خفيفة.\u003c\/p\u003e\n\u003cdiv class=\"trust\"\u003e\n\u003cspan\u003eمنتج أصلي 100%\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\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Dermacy","offers":[{"title":"Default Title","offer_id":67699792642222,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/5ba80087-8558-47e9-a606-100287afa9d3.jpg?v=1792063125"}],"url":"https:\/\/skingeer.com\/ar\/collections\/skin-moisturizers.oembed","provider":"SkinGeer","version":"1.0","type":"link"}