{"product_id":"بوكسين-ايديال","title":"عرض بوكسين ايديال","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* General page styling *\/\n        * {\n            font-family: 'Arial', sans-serif;\n            box-sizing: border-box;\n        }\n        \n        body {\n            margin: 0;\n            padding: 0;\n            background-color: #f8f9fd;\n        }\n        \n        .terms-service-wrapper {\n            max-width: 1200px;\n            margin: 30px auto;\n            padding: 0;\n            background-color: #fff;\n            color: #333;\n            line-height: 1.6;\n            border-radius: 15px;\n            box-shadow: 0 5px 25px rgba(55, 29, 28, 0.1);\n            overflow: hidden;\n            position: relative;\n        }\n\n        \/* Stars background *\/\n        .stars-background {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 0;\n            overflow: hidden;\n        }\n\n        .star {\n            position: absolute;\n            width: 2px;\n            height: 2px;\n            background-color: rgba(211, 146, 74, 0.5);\n            border-radius: 50%;\n            animation: twinkle 4s infinite;\n        }\n\n        @keyframes twinkle {\n            0% { opacity: 0; transform: scale(1); }\n            50% { opacity: 1; transform: scale(1.5); }\n            100% { opacity: 0; transform: scale(1); }\n        }\n\n        \/* Glowing corner effect *\/\n        .terms-service-wrapper::before {\n            content: '';\n            position: absolute;\n            top: -10%;\n            right: -10%;\n            width: 200px;\n            height: 200px;\n            background: radial-gradient(circle, rgba(211, 146, 74, 0.15) 0%, rgba(211, 146, 74, 0) 70%);\n            border-radius: 50%;\n            z-index: 1;\n            animation: float 8s infinite ease-in-out;\n        }\n\n        .terms-service-wrapper::after {\n            content: '';\n            position: absolute;\n            bottom: -10%;\n            left: -10%;\n            width: 250px;\n            height: 250px;\n            background: radial-gradient(circle, rgba(211, 146, 74, 0.1) 0%, rgba(211, 146, 74, 0) 70%);\n            border-radius: 50%;\n            z-index: 1;\n            animation: float 10s infinite ease-in-out reverse;\n        }\n\n        @keyframes float {\n            0% { transform: translate(0, 0) rotate(0deg); }\n            50% { transform: translate(15px, 15px) rotate(5deg); }\n            100% { transform: translate(0, 0) rotate(0deg); }\n        }\n        \n        .terms-header {\n            background: linear-gradient(135deg, #371D1C 0%, #D3924A 100%);\n            color: white;\n            padding: 25px 30px;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n        }\n        \n        .terms-header h1 {\n            font-size: 32px;\n            color: white;\n            margin: 0;\n            padding-bottom: 15px;\n            position: relative;\n            text-shadow: 0 2px 10px rgba(255, 255, 255, 0.6);\n            border-bottom: none;\n            animation: fadeInDown 1s ease-out, glow-text 2s ease-in-out infinite alternate;\n        }\n        \n        @keyframes glow-text {\n            0% { text-shadow: 0 2px 10px rgba(255, 255, 255, 0.6); }\n            100% { text-shadow: 0 0 20px #fff, 0 0 30px rgba(255, 255, 255, 0.8); }\n        }\n\n        \/* Expanding underline effect without glow *\/\n        .terms-header h1:after {\n            content: '';\n            position: absolute;\n            width: 0;\n            height: 3px;\n            bottom: 0;\n            left: 50%;\n            background: #fff;\n            animation: underlineExpand 3s ease-in-out infinite;\n        }\n\n        @keyframes underlineExpand {\n            0% { width: 0; left: 50%; }\n            50% { width: 100px; left: calc(50% - 50px); }\n            100% { width: 0; left: 50%; }\n        }\n        \n        @keyframes fadeInDown {\n            0% {\n                opacity: 0;\n                transform: translateY(-20px);\n            }\n            100% {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        \/* Bundle badge *\/\n        .bundle-badge {\n            display: inline-block;\n            background: #fff;\n            color: #D3924A;\n            font-size: 16px;\n            font-weight: bold;\n            padding: 6px 18px;\n            border-radius: 25px;\n            margin-top: 10px;\n            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);\n            animation: pulse-badge 2s infinite;\n        }\n\n        @keyframes pulse-badge {\n            0% { transform: scale(1); box-shadow: 0 3px 10px rgba(255, 255, 255, 0.3); }\n            50% { transform: scale(1.05); box-shadow: 0 3px 20px rgba(255, 255, 255, 0.6); }\n            100% { transform: scale(1); box-shadow: 0 3px 10px rgba(255, 255, 255, 0.3); }\n        }\n        \n        .policy-container {\n            padding: 30px;\n            position: relative;\n            z-index: 2;\n        }\n        \n        .policy-intro {\n            text-align: center;\n            font-size: 18px;\n            margin-bottom: 30px;\n            line-height: 1.8;\n            color: #555;\n            max-width: 800px;\n            margin-left: auto;\n            margin-right: auto;\n            animation: fadeIn 1s ease-out;\n            position: relative;\n        }\n\n        \/* Typewriter effect *\/\n        .policy-intro p {\n            position: relative;\n            overflow: hidden;\n        }\n\n        .policy-intro p:after {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 0;\n            width: 100%;\n            height: 100%;\n            background: white;\n            animation: typeWriter 2s steps(50) forwards;\n            z-index: 1;\n        }\n\n        @keyframes typeWriter {\n            to { width: 0; }\n        }\n        \n        @keyframes fadeIn {\n            0% { opacity: 0; }\n            100% { opacity: 1; }\n        }\n        \n        .policy-section {\n            background-color: #f8f9fd;\n            border-radius: 12px;\n            padding: 25px 30px;\n            margin-bottom: 30px;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n            border-top: 1px solid rgba(211, 146, 74, 0.1);\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            position: relative;\n            overflow: hidden;\n            animation: slideUp 0.7s ease-out forwards;\n            opacity: 0;\n        }\n        \n        .policy-section:nth-child(1) { animation-delay: 0.2s; }\n        \n        @keyframes slideUp {\n            0% {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            100% {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        .policy-section:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);\n        }\n\n        \/* Moving light effect *\/\n        .policy-section:after {\n            content: '';\n            position: absolute;\n            top: -50%;\n            left: -50%;\n            width: 200%;\n            height: 200%;\n            background: rgba(255, 255, 255, 0.1);\n            transform: rotate(30deg);\n            animation: shine 6s infinite;\n            pointer-events: none;\n            z-index: 0;\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n\n        .policy-section:hover:after {\n            opacity: 1;\n        }\n\n        @keyframes shine {\n            0% { transform: translate(-100%, -100%) rotate(30deg); }\n            100% { transform: translate(100%, 100%) rotate(30deg); }\n        }\n        \n        \/* Glowing corner for sections *\/\n        .policy-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100px;\n            height: 100px;\n            background: radial-gradient(circle, rgba(211, 146, 74, 0.1) 0%, rgba(211, 146, 74, 0) 70%);\n            border-radius: 12px 0 100% 0;\n            z-index: 1;\n        }\n        \n        .policy-section p {\n            margin-bottom: 15px;\n            position: relative;\n            padding-left: 0;\n            transition: transform 0.3s ease;\n            font-size: 18px;\n            line-height: 1.9;\n        }\n        \n        .policy-section p:hover {\n            transform: translateX(5px);\n        }\n\n        .policy-section p[dir=\"rtl\"] {\n            text-align: right;\n            direction: rtl;\n        }\n\n        .policy-section p:not([dir=\"rtl\"]) {\n            text-align: left;\n        }\n        \n        .highlight {\n            color: #D3924A;\n            font-weight: bold;\n            position: relative;\n            display: inline-block;\n            transition: transform 0.3s ease, color 0.3s ease;\n        }\n        \n        .highlight:hover {\n            transform: scale(1.1);\n            color: #371D1C;\n        }\n        \n        \/* Highlight underline effect *\/\n        .highlight::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            height: 3px;\n            background-color: rgba(211, 146, 74, 0.3);\n            border-radius: 3px;\n        }\n\n        \/* Pulse effect for highlights *\/\n        @keyframes pulse-highlight {\n            0% { box-shadow: 0 0 0 0 rgba(211, 146, 74, 0.4); }\n            70% { box-shadow: 0 0 0 10px rgba(211, 146, 74, 0); }\n            100% { box-shadow: 0 0 0 0 rgba(211, 146, 74, 0); }\n        }\n\n        .highlight {\n            animation: pulse-highlight 2s infinite;\n        }\n\n        \/* Data line animation in background *\/\n        .data-background {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            height: 30px;\n            background-color: #f0f0f0;\n            overflow: hidden;\n            opacity: 0.2;\n            z-index: 0;\n        }\n\n        .data-line {\n            position: absolute;\n            top: 50%;\n            left: 0;\n            height: 4px;\n            width: 50px;\n            margin-top: -2px;\n            background-color: #D3924A;\n            animation: moveLine 3s linear infinite;\n        }\n\n        @keyframes moveLine {\n            0% { transform: translateX(-100px); }\n            100% { transform: translateX(calc(100% + 100px)); }\n        }\n\n        .data-line:nth-child(1) { left: 0%; animation-delay: 0s; }\n        .data-line:nth-child(2) { left: 20%; animation-delay: 0.5s; }\n        .data-line:nth-child(3) { left: 40%; animation-delay: 1s; }\n        .data-line:nth-child(4) { left: 60%; animation-delay: 1.5s; }\n        .data-line:nth-child(5) { left: 80%; animation-delay: 2s; }\n\n        @media (max-width: 768px) {\n            .terms-service-wrapper {\n                margin: 15px;\n            }\n            \n            .terms-header h1 {\n                font-size: 24px;\n            }\n            \n            .policy-container {\n                padding: 20px;\n            }\n            \n            .policy-section {\n                padding: 20px;\n            }\n\n            .policy-section p {\n                font-size: 16px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"terms-service-wrapper\"\u003e\n\u003c!-- Stars background --\u003e\n\u003cdiv class=\"stars-background\" id=\"starsBackground\"\u003e\u003c\/div\u003e\n\u003c!-- Data line animation in background --\u003e\n\u003cdiv class=\"data-background\"\u003e\n\u003cdiv class=\"data-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"data-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"data-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"data-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"data-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"terms-header\"\u003e\n\u003ch1\u003eعرض قهوة ايديال - علبتين\u003c\/h1\u003e\n\u003cspan class=\"bundle-badge\"\u003e🎁 عرض 2 علب - وفر أكتر\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"policy-container\"\u003e\n\u003cdiv class=\"policy-section\"\u003e\n\u003cdiv\u003e\n\u003cp\u003e\u003cbr\u003e⸻\u003c\/p\u003e\n\u003cp\u003e☕️ عرض قهوة إيديال – علبتين من مون فيت\u003c\/p\u003e\n\u003cp\u003eاستفيدي من \u003cspan class=\"highlight\"\u003eالعرض\u003c\/span\u003e واحصلي على \u003cspan class=\"highlight\"\u003eعلبتين من قهوة إيديال\u003c\/span\u003e بسعر مميز!\u003cbr\u003eقهوة إيديال هي قهوة صحية سريعة التحضير (3 في 1) من Moon Fit، مصممة لدعم أسلوب حياة متوازن ومساعدة الجسم على الوصول للرشاقة بطريقة ذكية وسهلة.\u003cbr\u003eتتميز بطعم لذيذ ومكونات مختارة مثل مُحلي الستيفيا الطبيعي، بدون سكر مضاف، لتكون خيار مثالي لكل من يبحث عن بديل صحي للقهوة اليومية.\u003cbr\u003e\u003cspan class=\"highlight\"\u003eالعرض يحتوي على علبتين × ٢٥ ظرف = ٥٠ ظرف\u003c\/span\u003e (يكفي لمدة شهر كامل من الاستخدام اليومي).\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e⸻\u003c\/p\u003e\n\u003cp\u003e✨ الفوائد\u003c\/p\u003e\n\u003cp\u003e* تساعد على تقليل الرغبة في الأكل وتنظيم الشهية\u003cbr\u003e* تدعم زيادة معدل الحرق بشكل طبيعي\u003cbr\u003e* تساهم في نزول الوزن بطريقة صحية\u003cbr\u003e* تعطي طاقة ونشاط خلال اليوم\u003cbr\u003e* تساعد على تحسين الدورة الدموية\u003cbr\u003e• تحول الدهون بالجسم الى طاقة\u003c\/p\u003e\n\u003cp\u003e⸻\u003c\/p\u003e\n\u003cp\u003e🎁 مميزات العرض\u003c\/p\u003e\n\u003cp\u003e* \u003cspan class=\"highlight\"\u003eعلبتين بسعر مخفض\u003c\/span\u003e بدلاً من شراء كل علبة على حدة\u003cbr\u003e* كمية تكفي لمدة \u003cspan class=\"highlight\"\u003eشهر كامل\u003c\/span\u003e من الاستخدام المنتظم\u003cbr\u003e* نتائج أوضح مع الاستمرار في الاستخدام\u003cbr\u003e* مناسب للاستخدام اليومي بدون انقطاع\u003c\/p\u003e\n\u003cp\u003e⸻\u003c\/p\u003e\n\u003cp\u003e⚖️ معدل النزول المتوقع\u003c\/p\u003e\n\u003cp\u003eمع الالتزام بنظام غذائي متوازن ونشاط بسيط:\u003c\/p\u003e\n\u003cp\u003e* من \u003cspan class=\"highlight\"\u003e3 إلى 5 كيلو خلال شهر\u003c\/span\u003e مع استخدام العلبتين (يختلف حسب طبيعة الجسم والالتزام)\u003c\/p\u003e\n\u003cp\u003e⸻\u003c\/p\u003e\n\u003cp\u003e⚠️ موانع الاستخدام\u003c\/p\u003e\n\u003cp\u003e* الحوامل والمرضعات والاطفال تحت ١٣ سنه\u003c\/p\u003e\n\u003cp\u003e⸻\u003c\/p\u003e\n\u003cp\u003e💡 طريقة الاستخدام\u003c\/p\u003e\n\u003cp\u003e* ظرفان باليوم صباحا ومساءا\u003cbr\u003e* يُشرب مع ماء أو حليب خالي الدسم\u003cbr\u003e* يُفضل تناوله صباحًا أو قبل النشاط اليومي\u003cbr\u003e* للحصول على أفضل النتائج، يُنصح بالاستمرار على العلبتين كاملتين بدون انقطاع\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Moon Fit ","offers":[{"title":"Default Title","offer_id":45195560157293,"sku":"MF-PK7010","price":27.5,"currency_code":"KWD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0606\/8345\/2525\/files\/WhatsAppImage2026-05-12at4.31.46PM.jpg?v=1778594420","url":"https:\/\/moonfitkw.com\/products\/%d8%a8%d9%88%d9%83%d8%b3%d9%8a%d9%86-%d8%a7%d9%8a%d8%af%d9%8a%d8%a7%d9%84","provider":"Moon Fit ","version":"1.0","type":"link"}