{"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        .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        .policy-section:nth-child(2) { animation-delay: 0.4s; }\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\u003c\/div\u003e\n\u003cdiv class=\"policy-container\"\u003e\n\u003cdiv class=\"policy-section\"\u003e\n\u003cp\u003eشاي التوت الأزرق من Moon Fit هو مشروب أعشاب بنكهة التوت الأزرق الغنية والمنعشة، يجمع بين الطعم اللذيذ والفوائد الصحية ليكون خيارك اليومي للعناية بالجسم من الداخل.\u003cbr\u003eمزيج مثالي يساعدك تحافظين على خفة جسمك ونضارة بشرتك بأسلوب سهل ولذيذ.\u003cbr\u003eتتكون من ٣٠ ظرف.\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e⸻\u003c\/p\u003e\n\u003cp\u003e✨ الفوائد\u003cbr\u003e* ممتاز لتحسين إفرازات الجسم\u003cbr\u003e* يقلل ويحد من آلام الدورة الشهرية\u003cbr\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* من 1 إلى 2 كوب يوميًا\u003cbr\u003e* يُنقع في ماء ساخن لمدة 5–10 دقائق\u003cbr\u003e* يمكن شربه دافئ أو بارد مع ثلج\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"policy-section\"\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":43819242094701,"sku":"MF-7004","price":5.9,"currency_code":"KWD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0606\/8345\/2525\/files\/WhatsApp_Image_2026-04-30_at_1.49.30_AM2.jpg?v=1777726752","url":"https:\/\/moonfitkw.com\/en\/products\/%d8%b4%d8%a7%d9%8a-%d8%a7%d9%84%d8%aa%d9%88%d8%aa","provider":"Moon Fit ","version":"1.0","type":"link"}