{"title":"Tea Collection","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        \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 h2 {\n            color: #371D1C;\n            font-size: 24px;\n            margin-top: 0;\n            margin-bottom: 20px;\n            border-left: 4px solid #D3924A;\n            padding-left: 15px;\n            display: inline-block;\n            position: relative;\n            z-index: 2;\n        }\n\n        .policy-section h3 {\n            color: #371D1C;\n            font-size: 20px;\n            margin-top: 25px;\n            margin-bottom: 15px;\n            position: relative;\n            z-index: 2;\n        }\n        \n        .policy-section h2::after {\n            content: '';\n            position: absolute;\n            bottom: -3px;\n            left: 0;\n            width: 0;\n            height: 2px;\n            background-color: #D3924A;\n            transition: width 0.5s ease;\n            z-index: -1;\n        }\n        \n        .policy-section:hover h2::after {\n            width: 100%;\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 ul {\n            list-style-type: none;\n            padding-left: 0;\n        }\n\n        .policy-section ul li {\n            margin-bottom: 15px;\n            position: relative;\n            padding-left: 25px;\n            transition: transform 0.3s ease;\n            font-size: 18px;\n            line-height: 1.9;\n        }\n\n        .policy-section ul li::before {\n            content: '';\n            position: absolute;\n            top: 8px;\n            left: 0;\n            width: 10px;\n            height: 10px;\n            background-color: #D3924A;\n            border-radius: 50%;\n            opacity: 0.7;\n            transition: transform 0.3s ease, background-color 0.3s ease;\n        }\n\n        .policy-section ul li:hover::before {\n            transform: scale(1.5);\n            background-color: #371D1C;\n        }\n        \n        .policy-section p:hover, .policy-section ul li: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, .policy-section ul li {\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✨ الفوائد\u003c\/p\u003e\n\u003cp\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⚖️ مميزاته\u003c\/p\u003e\n\u003cp\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* الحوامل والمرضعات\u003cbr\u003e* الأطفال\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e⸻\u003c\/p\u003e\n\u003cp\u003e💡 طريقة الاستخدام\u003c\/p\u003e\n\u003cp\u003e* كوب واحد يوميًا (يفضل مساءً)\u003cbr\u003e* يُنقع في ماء ساخن لمدة 5–10 دقائق\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":41959239319661,"sku":"MF-7002","price":4.9,"currency_code":"KWD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0606\/8345\/2525\/files\/33.jpg?v=1777727308"},{"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\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\"\u003e\n\n\u003cdiv class=\"terms-header\"\u003e\n\u003ch1\u003e3 Tea Flavors Wellness Bundle\u003c\/h1\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"policy-container\"\u003e\n\u003cdiv class=\"policy-section\"\u003e\n\n\u003cp\u003e\nDiscover our premium collection of three refreshing herbal tea flavors, carefully crafted to bring you natural balance, vibrant taste, and daily wellness support.\n\u003c\/p\u003e\n\n\u003cbr\u003e\n\n\u003cp\u003e\nThis bundle includes three best-selling fruity blends, rich in natural antioxidants and selected botanical ingredients. Each flavor offers a smooth and enjoyable experience, perfect for any time of the day — whether enjoyed hot for comfort or iced for refreshment.\n\u003c\/p\u003e\n\n\u003cbr\u003e\n\n\u003cp\u003e\n✔ Delicious fruity taste  \n\u003cbr\u003e\n✔ Rich in natural antioxidants  \n\u003cbr\u003e\n✔ Easy-to-prepare sachets  \n\u003cbr\u003e\n✔ Perfect addition to your daily routine  \n\u003c\/p\u003e\n\n\u003cbr\u003e\n\n\u003cp\u003e\nEnjoy variety, wellness, and value — all in one complete tea collection.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\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\/en\/collections\/tea-collection.oembed","provider":"Moon Fit ","version":"1.0","type":"link"}