{"product_id":"شاي-الرمان-والتوت","title":"شاي التوت الأحمر و الرمان","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\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 id=\"starsBackground\" class=\"stars-background\"\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\u003cp\u003e\u003cbr\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 دقائق\u003c\/p\u003e\n\u003cdiv class=\"policy-section\"\u003e\n\u003cp\u003e\"Discover the perfect blend of carefully selected natural herbs. A tea that combines the benefits of Green Tea, Raspberry Leaves, and Blueberry Fruit Powder with the power of Senna and Hibiscus, offering an exceptional experience with the refreshing fruit flavor of Blueberry.\"\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":43819239538797,"sku":"MF-7005","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.50.55_AM.jpg?v=1777726889","url":"https:\/\/moonfitkw.com\/products\/%d8%b4%d8%a7%d9%8a-%d8%a7%d9%84%d8%b1%d9%85%d8%a7%d9%86-%d9%88%d8%a7%d9%84%d8%aa%d9%88%d8%aa","provider":"Moon Fit ","version":"1.0","type":"link"}