{"title":"الشاهي","description":null,"products":[{"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 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•ممتاز لنضارة البشره \u003cbr\u003e* يساعد على تحسين الهضم وراحة المعدة\u003cbr\u003e* يساهم في تقليل الانتفاخ والغازات\u003cbr\u003e* يدعم الجسم بمضادات الأكسدة\u003cbr\u003e* يساعد في تنقية الجسم من السموم\u003cbr\u003e* يمنح إحساس بالخفة والنشاط\u003cbr\u003e* يساهم في دعم نزول الوزن \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cbr\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\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Moon Fit ","offers":[{"title":"Default Title","offer_id":43819069538413,"sku":"MF-7006","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.52_AM.jpg?v=1777727026"},{"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"},{"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"},{"product_id":"باكج-الشاي","title":"باكج الشاي","description":"\u003cp style=\";text-align:right;direction:rtl\"\u003e\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\n\u003cstyle\u003e\n* {\n    font-family: 'Arial', sans-serif;\n    box-sizing: border-box;\n}\n\nbody {\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\/* Header *\/\n.terms-header {\n    background: linear-gradient(135deg, #371D1C 0%, #D3924A 100%);\n    color: white;\n    padding: 25px 30px;\n    text-align: center;\n}\n\n.terms-header h1 {\n    font-size: 30px;\n    margin: 0;\n    color: white;\n}\n\n\/* Content *\/\n.policy-container {\n    padding: 30px;\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}\n\n.policy-section p {\n    font-size: 18px;\n    line-height: 1.9;\n    margin: 0;\n}\n\n@media (max-width: 768px) {\n    .terms-header h1 {\n        font-size: 20px;\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\n\u003cdiv class=\"terms-service-wrapper\" style=\";text-align:right;direction:rtl\"\u003e\n\n\n\u003cdiv class=\"terms-header\" style=\";text-align:right;direction:rtl\"\u003e\n\n\u003ch1 style=\";text-align:right;direction:rtl\"\u003e مجموعة العافية بثلاث نكهات من الشاي \u003c\/h1\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"policy-container\" style=\";text-align:right;direction:rtl\"\u003e\n\n\u003cdiv class=\"policy-section\" style=\";text-align:right;direction:rtl\"\u003e\n\n\n\u003cp style=\";text-align:right;direction:rtl\"\u003e\n اكتشف مجموعتنا المميزة من ثلاثة أنواع من شاي الأعشاب المنعش، المصممة بعناية لتمنحك التوازن الطبيعي، والمذاق النابض بالحياة، ودعم الصحة اليومية.\n\u003c\/p\u003e\n\n\n\u003cbr\u003e\n\n\u003cp style=\";text-align:right;direction:rtl\"\u003e\n تتضمن هذه المجموعة ثلاثة من أفضل أنواع المشروبات بنكهات الفواكه، الغنية بمضادات الأكسدة الطبيعية ومكونات نباتية مختارة. يقدم كل نوع منها تجربة سلسة وممتعة، مثالية في أي وقت من اليوم - سواءً تم تناوله ساخناً للشعور بالدفء أو بارداً للانتعاش.\n\u003c\/p\u003e\n\n\n\u003cbr\u003e\n\n\u003cp style=\";text-align:right;direction:rtl\"\u003e\n ✔ طعم فاكهي لذيذ\n\u003cbr\u003e\n ✔ غني بمضادات الأكسدة الطبيعية\n\u003cbr\u003e\n ✔ أكياس سهلة التحضير\n\u003cbr\u003e\n ✔ إضافة مثالية لروتينك اليومي\n\u003c\/p\u003e\n\n\n\u003cbr\u003e\n\n\u003cp style=\";text-align:right;direction:rtl\"\u003e\n استمتع بالتنوع والصحة والقيمة - كل ذلك في مجموعة شاي كاملة واحدة.\n\u003c\/p\u003e\n\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e","brand":"Moon Fit ","offers":[{"title":"Default Title","offer_id":44237740146797,"sku":"MF-PK7009","price":13.25,"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.00_AM.jpg?v=1777726596"}],"url":"https:\/\/moonfitkw.com\/collections\/%d8%a7%d9%84%d8%b4%d8%a7%d9%87%d9%8a.oembed","provider":"Moon Fit ","version":"1.0","type":"link"}