{"title":"no offer","description":"","products":[{"product_id":"مرتبة-أرضية-قابله-للطي-تصميم-دوتس","title":"مرتبة أرضية قابله للطي ( تصميم دوتس )","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n        \n        @keyframes float {\n            0% { transform: translateY(0px); }\n            50% { transform: translateY(-10px); }\n            100% { transform: translateY(0px); }\n        }\n        \n        @keyframes gradient {\n            0% { background-position: 0% 50%; }\n            50% { background-position: 100% 50%; }\n            100% { background-position: 0% 50%; }\n        }\n        \n        @keyframes shine {\n            0% { background-position: -100%; }\n            100% { background-position: 200%; }\n        }\n        \n        @keyframes flipIn {\n            0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n            100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n        }\n        \n        @keyframes bounce {\n            0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n            40% { transform: translateY(-20px); }\n            60% { transform: translateY(-10px); }\n        }\n        \n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        body {\n            font-family: 'Tajawal', sans-serif;\n            background: #ffffff;\n        }\n        \n        .product-container {\n            max-width: 900px;\n            margin: 20px auto;\n            background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n            border-radius: 15px;\n            overflow: hidden;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n            padding: 0;\n            position: relative;\n        }\n        \n        .header {\n            background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n            background-size: 400% 400%;\n            animation: gradient 15s ease infinite;\n            padding: 25px;\n            text-align: center;\n            color: white;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .header::before {\n            content: \"\";\n            position: absolute;\n            top: -10px;\n            left: 0;\n            width: 100%;\n            height: 10px;\n            background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n            background-size: 200% 100%;\n            animation: shine 3s linear infinite;\n        }\n        \n        .product-title {\n            font-size: 32px;\n            font-weight: 700;\n            margin-bottom: 10px;\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n            transform-origin: center;\n            animation: bounce 5s ease infinite;\n        }\n        \n        .product-subtitle {\n            font-size: 18px;\n            opacity: 0.9;\n        }\n        \n        .content {\n            padding: 30px;\n        }\n        \n        .section-title {\n            color: #2980b9;\n            font-size: 24px;\n            margin-bottom: 20px;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .section-title::after {\n            content: \"\";\n            position: absolute;\n            bottom: -8px;\n            right: 0;\n            height: 3px;\n            width: 0;\n            background: linear-gradient(to left, #3498db, #2ecc71);\n            transition: width 0.5s ease;\n            animation: grow 1s forwards;\n        }\n        \n        @keyframes grow {\n            to { width: 100%; }\n        }\n        \n        .features-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 20px;\n            margin-bottom: 40px;\n        }\n        \n        .feature-card {\n            background: white;\n            border-radius: 10px;\n            padding: 20px;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n            position: relative;\n            overflow: hidden;\n            border-bottom: 3px solid transparent;\n            opacity: 0;\n            transform: translateY(30px);\n            animation: fadeUp 0.6s forwards;\n        }\n        \n        @keyframes fadeUp {\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        .feature-card:nth-child(1) { animation-delay: 0.1s; }\n        .feature-card:nth-child(2) { animation-delay: 0.2s; }\n        .feature-card:nth-child(3) { animation-delay: 0.3s; }\n        .feature-card:nth-child(4) { animation-delay: 0.4s; }\n        .feature-card:nth-child(5) { animation-delay: 0.5s; }\n        \n        .feature-card::before {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 4px;\n            background: linear-gradient(to right, #3498db, #2ecc71);\n            transform: scaleX(0);\n            transform-origin: right;\n            transition: transform 0.5s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-10px) scale(1.02);\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n            border-bottom-color: #3498db;\n        }\n        \n        .feature-card:hover::before {\n            transform: scaleX(1);\n            transform-origin: left;\n        }\n        \n        .feature-icon {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 50px;\n            height: 50px;\n            background: linear-gradient(135deg, #3498db, #2ecc71);\n            border-radius: 50%;\n            margin-bottom: 15px;\n            color: white;\n            font-size: 20px;\n            animation: float 3s ease-in-out infinite;\n        }\n        \n        .feature-title {\n            font-size: 18px;\n            font-weight: 700;\n            color: #34495e;\n            margin-bottom: 10px;\n        }\n        \n        .feature-desc {\n            color: #7f8c8d;\n            line-height: 1.6;\n        }\n        \n        .specs-table-container {\n            margin-top: 30px;\n            overflow: hidden;\n            border-radius: 10px;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n        }\n        \n        .specs-table {\n            width: 100%;\n            border-collapse: collapse;\n            overflow: hidden;\n            background: white;\n        }\n        \n        .specs-table th {\n            background: linear-gradient(to left, #3498db, #2980b9);\n            color: white;\n            padding: 15px;\n            text-align: right;\n            font-weight: 500;\n        }\n        \n        .specs-table tr {\n            opacity: 0;\n            animation: flipIn 0.5s forwards;\n        }\n        \n        .specs-table tr:nth-child(1) { animation-delay: 0.1s; }\n        .specs-table tr:nth-child(2) { animation-delay: 0.2s; }\n        .specs-table tr:nth-child(3) { animation-delay: 0.3s; }\n        .specs-table tr:nth-child(4) { animation-delay: 0.4s; }\n        .specs-table tr:nth-child(5) { animation-delay: 0.5s; }\n        \n        .specs-table td {\n            padding: 15px;\n            border-bottom: 1px solid #ecf0f1;\n            transition: all 0.3s ease;\n        }\n        \n        .specs-table tr:last-child td {\n            border-bottom: none;\n        }\n        \n        .specs-table tr:hover td {\n            background-color: #f8fdff;\n            transform: translateX(-5px);\n        }\n        \n        .specs-table tr:nth-child(even) {\n            background-color: #f9fcff;\n        }\n        \n        .label {\n            font-weight: 500;\n            color: #2c3e50;\n        }\n        \n        .value {\n            color: #3498db;\n        }\n        \n        @media (max-width: 768px) {\n            .features-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            .product-title {\n                font-size: 24px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eاستمتع بأقصى درجات الراحة مع مرتبتنا متعددة الاستخدامات\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eتصميم عصري وراحة فائقة تناسب جميع احتياجاتك\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"section-title\"\u003eالمميزات الفريدة\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eتصميم مبتكر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eيمكن طي الوسادة العلوية لتكوين مسند رأس مريح مثالي للقراءة أو النوم\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧵\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eخامات عالية الجودة\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eقماش خارجي من مايكروفايبر ناعم وحشو فايبر يمنحانك راحة بدون تكتل\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🎨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eلون أنيق\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتصميم دوتس الانيق يضيف لمسة مميزة لديكور منزلك\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚖️\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eوزن متوازن\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eالوزن الكلي 4500 جرام لتحقيق توازن بين الراحة والمتانة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧳\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eمثالية للسفر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتصميم قابل للربط لسهولة الحمل والتنقل أثناء السفر والتجمعات العائلية\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eالمواصفات التفصيلية\u003c\/h2\u003e\n\u003cdiv class=\"specs-table-container\"\u003e\n\u003ctable class=\"specs-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eالمواصفات\u003c\/th\u003e\n\u003cth\u003eالتفاصيل\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالوزن الإجمالي\u003c\/td\u003e\n\u003ctd class=\"value\"\u003e4500 جرام\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالمادة الخارجية\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eمايكروفايبر ناعم\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالحشو\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eألياف فايبر مريحة\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eاللون\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eتصميم دوتس\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالاستخدامات\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eالنوم، القراءة، السفر، التجمعات العائلية\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 Puff ","offers":[{"title":"Default Title","offer_id":44937938206919,"sku":"175535190368a08b5f07884","price":1299.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/1_e9ea29de-8728-42d2-a1fd-3eac4dc638df.webp?v=1745015523"},{"product_id":"مرتبة-أرضية-قابلة-للطي-أبيض-و-رمادي","title":"مرتبة أرضية قابلة للطي - أبيض و رمادي","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n        \n        @keyframes float {\n            0% { transform: translateY(0px); }\n            50% { transform: translateY(-10px); }\n            100% { transform: translateY(0px); }\n        }\n        \n        @keyframes gradient {\n            0% { background-position: 0% 50%; }\n            50% { background-position: 100% 50%; }\n            100% { background-position: 0% 50%; }\n        }\n        \n        @keyframes shine {\n            0% { background-position: -100%; }\n            100% { background-position: 200%; }\n        }\n        \n        @keyframes flipIn {\n            0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n            100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n        }\n        \n        @keyframes bounce {\n            0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n            40% { transform: translateY(-20px); }\n            60% { transform: translateY(-10px); }\n        }\n        \n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        body {\n            font-family: 'Tajawal', sans-serif;\n            background: #ffffff;\n        }\n        \n        .product-container {\n            max-width: 900px;\n            margin: 20px auto;\n            background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n            border-radius: 15px;\n            overflow: hidden;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n            padding: 0;\n            position: relative;\n        }\n        \n        .header {\n            background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n            background-size: 400% 400%;\n            animation: gradient 15s ease infinite;\n            padding: 25px;\n            text-align: center;\n            color: white;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .header::before {\n            content: \"\";\n            position: absolute;\n            top: -10px;\n            left: 0;\n            width: 100%;\n            height: 10px;\n            background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n            background-size: 200% 100%;\n            animation: shine 3s linear infinite;\n        }\n        \n        .product-title {\n            font-size: 32px;\n            font-weight: 700;\n            margin-bottom: 10px;\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n            transform-origin: center;\n            animation: bounce 5s ease infinite;\n        }\n        \n        .product-subtitle {\n            font-size: 18px;\n            opacity: 0.9;\n        }\n        \n        .content {\n            padding: 30px;\n        }\n        \n        .section-title {\n            color: #2980b9;\n            font-size: 24px;\n            margin-bottom: 20px;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .section-title::after {\n            content: \"\";\n            position: absolute;\n            bottom: -8px;\n            right: 0;\n            height: 3px;\n            width: 0;\n            background: linear-gradient(to left, #3498db, #2ecc71);\n            transition: width 0.5s ease;\n            animation: grow 1s forwards;\n        }\n        \n        @keyframes grow {\n            to { width: 100%; }\n        }\n        \n        .features-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 20px;\n            margin-bottom: 40px;\n        }\n        \n        .feature-card {\n            background: white;\n            border-radius: 10px;\n            padding: 20px;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n            position: relative;\n            overflow: hidden;\n            border-bottom: 3px solid transparent;\n            opacity: 0;\n            transform: translateY(30px);\n            animation: fadeUp 0.6s forwards;\n        }\n        \n        @keyframes fadeUp {\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        .feature-card:nth-child(1) { animation-delay: 0.1s; }\n        .feature-card:nth-child(2) { animation-delay: 0.2s; }\n        .feature-card:nth-child(3) { animation-delay: 0.3s; }\n        .feature-card:nth-child(4) { animation-delay: 0.4s; }\n        .feature-card:nth-child(5) { animation-delay: 0.5s; }\n        \n        .feature-card::before {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 4px;\n            background: linear-gradient(to right, #3498db, #2ecc71);\n            transform: scaleX(0);\n            transform-origin: right;\n            transition: transform 0.5s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-10px) scale(1.02);\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n            border-bottom-color: #3498db;\n        }\n        \n        .feature-card:hover::before {\n            transform: scaleX(1);\n            transform-origin: left;\n        }\n        \n        .feature-icon {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 50px;\n            height: 50px;\n            background: linear-gradient(135deg, #3498db, #2ecc71);\n            border-radius: 50%;\n            margin-bottom: 15px;\n            color: white;\n            font-size: 20px;\n            animation: float 3s ease-in-out infinite;\n        }\n        \n        .feature-title {\n            font-size: 18px;\n            font-weight: 700;\n            color: #34495e;\n            margin-bottom: 10px;\n        }\n        \n        .feature-desc {\n            color: #7f8c8d;\n            line-height: 1.6;\n        }\n        \n        .specs-table-container {\n            margin-top: 30px;\n            overflow: hidden;\n            border-radius: 10px;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n        }\n        \n        .specs-table {\n            width: 100%;\n            border-collapse: collapse;\n            overflow: hidden;\n            background: white;\n        }\n        \n        .specs-table th {\n            background: linear-gradient(to left, #3498db, #2980b9);\n            color: white;\n            padding: 15px;\n            text-align: right;\n            font-weight: 500;\n        }\n        \n        .specs-table tr {\n            opacity: 0;\n            animation: flipIn 0.5s forwards;\n        }\n        \n        .specs-table tr:nth-child(1) { animation-delay: 0.1s; }\n        .specs-table tr:nth-child(2) { animation-delay: 0.2s; }\n        .specs-table tr:nth-child(3) { animation-delay: 0.3s; }\n        .specs-table tr:nth-child(4) { animation-delay: 0.4s; }\n        .specs-table tr:nth-child(5) { animation-delay: 0.5s; }\n        \n        .specs-table td {\n            padding: 15px;\n            border-bottom: 1px solid #ecf0f1;\n            transition: all 0.3s ease;\n        }\n        \n        .specs-table tr:last-child td {\n            border-bottom: none;\n        }\n        \n        .specs-table tr:hover td {\n            background-color: #f8fdff;\n            transform: translateX(-5px);\n        }\n        \n        .specs-table tr:nth-child(even) {\n            background-color: #f9fcff;\n        }\n        \n        .label {\n            font-weight: 500;\n            color: #2c3e50;\n        }\n        \n        .value {\n            color: #3498db;\n        }\n        \n        @media (max-width: 768px) {\n            .features-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            .product-title {\n                font-size: 24px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eاستمتع بأقصى درجات الراحة مع مرتبتنا متعددة الاستخدامات\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eتصميم عصري وراحة فائقة تناسب جميع احتياجاتك\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"section-title\"\u003eالمميزات الفريدة\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eتصميم مبتكر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eيمكن طي الوسادة العلوية لتكوين مسند رأس مريح مثالي للقراءة أو النوم\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧵\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eخامات عالية الجودة\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eقماش خارجي من مايكروفايبر ناعم وحشو فايبر يمنحانك راحة بدون تكتل\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🎨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eلون أنيق\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003e أبيض و رمادي يضيف لمسة مميزة لديكور منزلك\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚖️\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eوزن متوازن\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eالوزن الكلي 4500 جرام لتحقيق توازن بين الراحة والمتانة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧳\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eمثالية للسفر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتصميم قابل للربط لسهولة الحمل والتنقل أثناء السفر والتجمعات العائلية\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eالمواصفات التفصيلية\u003c\/h2\u003e\n\u003cdiv class=\"specs-table-container\"\u003e\n\u003ctable class=\"specs-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eالمواصفات\u003c\/th\u003e\n\u003cth\u003eالتفاصيل\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالوزن الإجمالي\u003c\/td\u003e\n\u003ctd class=\"value\"\u003e4500 جرام\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالمادة الخارجية\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eمايكروفايبر ناعم\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالحشو\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eألياف فايبر مريحة\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eاللون\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eأبيض و رمادي\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالاستخدامات\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eالنوم، القراءة، السفر، التجمعات العائلية\u003c\/td\u003e\n\u003c\/tr\u003e\n  \u003ctr\u003e\n\u003ctd class=\"label\"\u003eالمقاس\u003c\/td\u003e\n\u003ctd class=\"value\"\u003e230 × 90\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 Puff ","offers":[{"title":"Default Title","offer_id":44937973006535,"sku":"175535239768a08d4d69d6c","price":1299.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/sz6222057304168_6.webp?v=1745014506"},{"product_id":"mattress-soft","title":"المرتبة الفندقية الفاخرة","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n\n  body {\n    font-family: 'Tajawal', sans-serif;\n    background: #ffffff;\n  }\n\n  .product-container {\n    max-width: 900px;\n    margin: 20px auto;\n    background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n    border-radius: 15px;\n    overflow: hidden;\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n    position: relative;\n  }\n\n  .header {\n    background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n    background-size: 400% 400%;\n    animation: gradient 15s ease infinite;\n    padding: 25px;\n    text-align: center;\n    color: white;\n    position: relative;\n    overflow: hidden;\n  }\n\n  @keyframes gradient {\n    0% { background-position: 0% 50%; }\n    50% { background-position: 100% 50%; }\n    100% { background-position: 0% 50%; }\n  }\n\n  .header::before {\n    content: \"\";\n    position: absolute;\n    top: -10px;\n    left: 0;\n    width: 100%;\n    height: 10px;\n    background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n    background-size: 200% 100%;\n    animation: shine 3s linear infinite;\n  }\n\n  @keyframes shine {\n    0% { background-position: -100%; }\n    100% { background-position: 200%; }\n  }\n\n  .product-title {\n    font-size: 32px;\n    font-weight: 700;\n    margin-bottom: 10px;\n    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n    animation: bounce 5s ease infinite;\n  }\n\n  @keyframes bounce {\n    0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n    40% { transform: translateY(-20px); }\n    60% { transform: translateY(-10px); }\n  }\n\n  .product-subtitle {\n    font-size: 18px;\n    opacity: 0.9;\n  }\n\n  .content {\n    padding: 30px;\n  }\n\n  .section-title {\n    color: #2980b9;\n    font-size: 24px;\n    margin-bottom: 20px;\n    position: relative;\n    display: inline-block;\n  }\n\n  .section-title::after {\n    content: \"\";\n    position: absolute;\n    bottom: -8px;\n    right: 0;\n    height: 3px;\n    width: 0;\n    background: linear-gradient(to left, #3498db, #2ecc71);\n    transition: width 0.5s ease;\n    animation: grow 1s forwards;\n  }\n\n  @keyframes grow {\n    to { width: 100%; }\n  }\n\n  .features-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 20px;\n    margin-bottom: 40px;\n  }\n\n  .feature-card {\n    background: white;\n    border-radius: 10px;\n    padding: 20px;\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n    position: relative;\n    overflow: hidden;\n    border-bottom: 3px solid transparent;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeUp 0.6s forwards;\n  }\n\n  .feature-card:hover {\n    border-bottom: 3px solid #2ecc71;\n    transform: translateY(-5px);\n    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n  }\n\n  @keyframes fadeUp {\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  .feature-card:nth-child(1) { animation-delay: 0.1s; }\n  .feature-card:nth-child(2) { animation-delay: 0.2s; }\n  .feature-card:nth-child(3) { animation-delay: 0.3s; }\n\n  .feature-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 50px;\n    height: 50px;\n    background: linear-gradient(135deg, #3498db, #2ecc71);\n    border-radius: 50%;\n    margin-bottom: 15px;\n    color: white;\n    font-size: 20px;\n    animation: float 3s ease-in-out infinite;\n  }\n\n  @keyframes float {\n    0% { transform: translateY(0px); }\n    50% { transform: translateY(-10px); }\n    100% { transform: translateY(0px); }\n  }\n\n  .feature-title {\n    font-size: 18px;\n    font-weight: 700;\n    color: #34495e;\n    margin-bottom: 10px;\n  }\n\n  .feature-desc {\n    color: #7f8c8d;\n    line-height: 1.6;\n  }\n\n  @media (max-width: 768px) {\n    .features-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .product-title {\n      font-size: 24px;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eاستمتع بنوم فاخر مع مرتبة الفايبر توبر\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eراحة إضافية، جودة عالية، تصميم عملي يناسب كل غرفة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"section-title\"\u003eتفاصيل المنتج\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🛏️\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eراحة مضاعفة\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتضيف طبقة ناعمة مريحة فوق المرتبة الأساسية لتجربة نوم أكثر راحة وهدوء.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eخامة ألمانية\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eمصنوعة من أجود أنواع الألياف الألمانية المستوردة لتوفير أعلى مستويات الجودة.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧳\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eمثالية للاستخدام المتعدد\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eقابلة للنقل، مثالية للضيوف، الرحلات، أو كمفرش مريح لأوقات الاسترخاء.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 Puff ","offers":[{"title":"120*200","offer_id":45035341775047,"sku":"175534850668a07e1a35c4b","price":1199.0,"currency_code":"EGP","in_stock":false},{"title":"160*200","offer_id":45035341807815,"sku":"175534850668a07e1a35c4b","price":1449.0,"currency_code":"EGP","in_stock":true},{"title":"180*200","offer_id":45035341840583,"sku":"175534850668a07e1a35c4b","price":1599.0,"currency_code":"EGP","in_stock":true},{"title":"200*200","offer_id":45035341873351,"sku":"175534850668a07e1a35c4b","price":1749.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/matt2.webp?v=1748871006"},{"product_id":"memoryfoamc","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        \/* Import Font *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n        \n        \/* Scoped Styles - Everything inside .memory-foam-section *\/\n        .memory-foam-section {\n            font-family: 'Tajawal', sans-serif;\n            background: #ffffff;\n            padding: 20px;\n            direction: rtl;\n        }\n        \n        \/* Reset only for this section *\/\n        .memory-foam-section * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        \/* Animations *\/\n        @keyframes mf-float {\n            0% { transform: translateY(0px); }\n            50% { transform: translateY(-10px); }\n            100% { transform: translateY(0px); }\n        }\n        \n        @keyframes mf-gradient {\n            0% { background-position: 0% 50%; }\n            50% { background-position: 100% 50%; }\n            100% { background-position: 0% 50%; }\n        }\n        \n        @keyframes mf-shine {\n            0% { background-position: -100%; }\n            100% { background-position: 200%; }\n        }\n        \n        @keyframes mf-flipIn {\n            0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n            100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n        }\n        \n        @keyframes mf-bounce {\n            0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n            40% { transform: translateY(-20px); }\n            60% { transform: translateY(-10px); }\n        }\n        \n        @keyframes mf-fadeUp {\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        @keyframes mf-grow {\n            to { width: 100%; }\n        }\n        \n        .memory-foam-section .mf-wrapper {\n            max-width: 900px;\n            margin: 0 auto;\n            background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n            border-radius: 15px;\n            overflow: hidden;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n            position: relative;\n        }\n        \n        .memory-foam-section .mf-header {\n            background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n            background-size: 400% 400%;\n            animation: mf-gradient 15s ease infinite;\n            padding: 25px;\n            text-align: center;\n            color: white;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .memory-foam-section .mf-header::before {\n            content: \"\";\n            position: absolute;\n            top: -10px;\n            right: 0;\n            width: 100%;\n            height: 10px;\n            background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n            background-size: 200% 100%;\n            animation: mf-shine 3s linear infinite;\n        }\n        \n        .memory-foam-section .mf-title {\n            font-size: 32px;\n            font-weight: 700;\n            margin-bottom: 10px;\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n            animation: mf-bounce 5s ease infinite;\n        }\n        \n        .memory-foam-section .mf-subtitle {\n            font-size: 18px;\n            opacity: 0.9;\n        }\n        \n        .memory-foam-section .mf-content {\n            padding: 30px;\n        }\n        \n        .memory-foam-section .mf-description {\n            background: white;\n            border-radius: 10px;\n            padding: 25px;\n            margin-bottom: 30px;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n            opacity: 0;\n            animation: mf-flipIn 0.8s forwards;\n        }\n        \n        .memory-foam-section .mf-description p {\n            margin-bottom: 15px;\n            line-height: 1.8;\n            color: #34495e;\n            text-align: right;\n        }\n        \n        .memory-foam-section .mf-description p:last-child {\n            margin-bottom: 0;\n        }\n        \n        .memory-foam-section .mf-description strong {\n            color: #2980b9;\n            font-weight: 700;\n        }\n        \n        .memory-foam-section .mf-features {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 20px;\n            margin-bottom: 30px;\n        }\n        \n        .memory-foam-section .mf-feature-card {\n            background: white;\n            border-radius: 10px;\n            padding: 25px;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n            position: relative;\n            overflow: hidden;\n            border-bottom: 3px solid transparent;\n            opacity: 0;\n            transform: translateY(30px);\n            animation: mf-fadeUp 0.6s forwards;\n            text-align: right;\n        }\n        \n        .memory-foam-section .mf-feature-card:nth-child(1) { animation-delay: 0.2s; }\n        .memory-foam-section .mf-feature-card:nth-child(2) { animation-delay: 0.3s; }\n        .memory-foam-section .mf-feature-card:nth-child(3) { animation-delay: 0.4s; }\n        \n        .memory-foam-section .mf-feature-card::before {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 4px;\n            background: linear-gradient(to right, #3498db, #2ecc71);\n            transform: scaleX(0);\n            transform-origin: right;\n            transition: transform 0.5s ease;\n        }\n        \n        .memory-foam-section .mf-feature-card:hover {\n            transform: translateY(-10px) scale(1.02);\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n            border-bottom-color: #3498db;\n        }\n        \n        .memory-foam-section .mf-feature-card:hover::before {\n            transform: scaleX(1);\n            transform-origin: left;\n        }\n        \n        .memory-foam-section .mf-feature-icon {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 50px;\n            height: 50px;\n            background: linear-gradient(135deg, #3498db, #2ecc71);\n            border-radius: 50%;\n            margin-bottom: 15px;\n            color: white;\n            font-size: 20px;\n            animation: mf-float 3s ease-in-out infinite;\n        }\n        \n        .memory-foam-section .mf-feature-title {\n            font-size: 18px;\n            font-weight: 700;\n            color: #2980b9;\n            margin-bottom: 10px;\n        }\n        \n        .memory-foam-section .mf-feature-desc {\n            color: #7f8c8d;\n            line-height: 1.6;\n        }\n        \n        .memory-foam-section .mf-policy {\n            background: white;\n            border-radius: 10px;\n            padding: 25px;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n            text-align: right;\n            margin-top: 30px;\n            opacity: 0;\n            animation: mf-flipIn 0.8s forwards;\n            animation-delay: 0.5s;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .memory-foam-section .mf-policy::before {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 4px;\n            height: 100%;\n            background: linear-gradient(to bottom, #3498db, #2ecc71);\n        }\n        \n        .memory-foam-section .mf-policy p {\n            margin: 0;\n            color: #34495e;\n            line-height: 1.8;\n        }\n        \n        .memory-foam-section .mf-policy strong {\n            color: #2980b9;\n            font-weight: 700;\n        }\n        \n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .memory-foam-section {\n                padding: 10px;\n            }\n            \n            .memory-foam-section .mf-title {\n                font-size: 24px;\n            }\n            \n            .memory-foam-section .mf-subtitle {\n                font-size: 16px;\n            }\n            \n            .memory-foam-section .mf-content {\n                padding: 20px;\n            }\n            \n            .memory-foam-section .mf-description,\n            .memory-foam-section .mf-feature-card,\n            .memory-foam-section .mf-policy {\n                padding: 20px;\n            }\n            \n            .memory-foam-section .mf-features {\n                grid-template-columns: 1fr;\n            }\n            \n            .memory-foam-section .mf-feature-title {\n                font-size: 16px;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            .memory-foam-section .mf-title {\n                font-size: 20px;\n            }\n            \n            .memory-foam-section .mf-subtitle {\n                font-size: 14px;\n            }\n            \n            .memory-foam-section .mf-header {\n                padding: 20px;\n            }\n            \n            .memory-foam-section .mf-content {\n                padding: 15px;\n            }\n            \n            .memory-foam-section .mf-description,\n            .memory-foam-section .mf-feature-card,\n            .memory-foam-section .mf-policy {\n                padding: 15px;\n            }\n            \n            .memory-foam-section .mf-description p,\n            .memory-foam-section .mf-feature-desc,\n            .memory-foam-section .mf-policy p {\n                font-size: 14px;\n            }\n            \n            .memory-foam-section .mf-feature-icon {\n                width: 40px;\n                height: 40px;\n                font-size: 18px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"memory-foam-section\"\u003e\n\u003cdiv class=\"mf-wrapper\"\u003e\n\u003cdiv class=\"mf-header\"\u003e\n\u003ch1 class=\"mf-title\"\u003eمخدة ميموري فوم لدعم الرقبة والكتف\u003c\/h1\u003e\n\u003cp class=\"mf-subtitle\"\u003eنوم صحي وراحة فائقة لرقبتك وكتفيك\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mf-content\"\u003e\n\u003cdiv class=\"mf-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eوصف: \u003c\/strong\u003eمخدة ميموري فوم هذه لدعم الرقبة والكتف، كما إنها مثالية لكل من يرغب في النوم على الظهر والجانب والمعدة، فهي وسادة مريحة مناسبه لآلام الرقبة خلال النوم، ويأتي معها أيضًا كيس وسادة قابل للغسل\u003c\/p\u003e\n\u003cp\u003eستساعدك وسادة ميموري فوم هذه على النوم بشكل أسرع وأعمق من أي وقت مضى\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eالخامة: \u003c\/strong\u003eميموري فوم عالي الجودة - نسيج شبكي مزدوج\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mf-features\"\u003e\n\u003cdiv class=\"mf-feature-card\"\u003e\n\u003cdiv class=\"mf-feature-icon\"\u003e🛌\u003c\/div\u003e\n\u003cdiv class=\"mf-feature-title\"\u003eدعم متكامل\u003c\/div\u003e\n\u003cdiv class=\"mf-feature-desc\"\u003eتوفر دعماً مثالياً للرقبة والكتف مع ميموري فوم عالي الجودة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mf-feature-card\"\u003e\n\u003cdiv class=\"mf-feature-icon\"\u003e🌙\u003c\/div\u003e\n\u003cdiv class=\"mf-feature-title\"\u003eمتعددة الاستخدامات\u003c\/div\u003e\n\u003cdiv class=\"mf-feature-desc\"\u003eمناسبة للنوم على الظهر والجانب والمعدة براحة تامة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mf-feature-card\"\u003e\n\u003cdiv class=\"mf-feature-icon\"\u003e🧺\u003c\/div\u003e\n\u003cdiv class=\"mf-feature-title\"\u003eسهلة العناية\u003c\/div\u003e\n\u003cdiv class=\"mf-feature-desc\"\u003eكيس وسادة قابل للغسل للحفاظ على النظافة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mf-policy\"\u003e\n\u003cp\u003e\u003cstrong\u003eسياسة إرجاع السلع: \u003c\/strong\u003eيتم التوصيل خلال 3-5 أيام عمل - ضمان لمدة 3 سنوات - متاح سياسة استبدال واسترجاع في خلال 14 يوماً\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 Puff ","offers":[{"title":"Default Title","offer_id":45052058960071,"sku":"175534528768a07187165f8","price":1400.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/penguin-group-pillows-contour-memory-foam-pillow-39840333136131.webp?v=1748445490"},{"product_id":"كفر-مرتبة-ضد-المياة-خامة-pu","title":"كفر المرتبة الآلماني - خامة  PU","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eغطاء المرتبة الفاخر\u003c\/title\u003e\n    \u003cstyle\u003e\n        \/* Import Font *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n        \n        \/* Animations *\/\n        @keyframes float {\n            0% { transform: translateY(0px); }\n            50% { transform: translateY(-10px); }\n            100% { transform: translateY(0px); }\n        }\n        \n        @keyframes gradient {\n            0% { background-position: 0% 50%; }\n            50% { background-position: 100% 50%; }\n            100% { background-position: 0% 50%; }\n        }\n        \n        @keyframes shine {\n            0% { background-position: -100%; }\n            100% { background-position: 200%; }\n        }\n        \n        @keyframes flipIn {\n            0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n            100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n        }\n        \n        @keyframes bounce {\n            0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n            40% { transform: translateY(-20px); }\n            60% { transform: translateY(-10px); }\n        }\n        \n        @keyframes fadeUp {\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        @keyframes grow {\n            to { width: 100%; }\n        }\n        \n        \/* Scoped Styles *\/\n        .mattress-cover-container * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        .mattress-cover-container {\n            font-family: 'Tajawal', sans-serif;\n            background: #ffffff;\n            padding: 20px;\n        }\n        \n        .mattress-cover-wrapper {\n            max-width: 900px;\n            margin: 0 auto;\n            background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n            border-radius: 15px;\n            overflow: hidden;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n            position: relative;\n        }\n        \n        .mattress-header {\n            background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n            background-size: 400% 400%;\n            animation: gradient 15s ease infinite;\n            padding: 25px;\n            text-align: center;\n            color: white;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .mattress-header::before {\n            content: \"\";\n            position: absolute;\n            top: -10px;\n            right: 0;\n            width: 100%;\n            height: 10px;\n            background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n            background-size: 200% 100%;\n            animation: shine 3s linear infinite;\n        }\n        \n        .mattress-title {\n            font-size: 32px;\n            font-weight: 700;\n            margin-bottom: 10px;\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n            animation: bounce 5s ease infinite;\n        }\n        \n        .mattress-subtitle {\n            font-size: 18px;\n            opacity: 0.9;\n        }\n        \n        .mattress-content {\n            padding: 30px;\n        }\n        \n        .mattress-description {\n            margin-bottom: 30px;\n            color: #2c3e50;\n            line-height: 1.8;\n            font-size: 16px;\n            text-align: right;\n        }\n        \n        .mattress-section-title {\n            color: #2980b9;\n            font-size: 24px;\n            margin-bottom: 20px;\n            position: relative;\n            display: inline-block;\n            font-weight: 700;\n        }\n        \n        .mattress-section-title::after {\n            content: \"\";\n            position: absolute;\n            bottom: -8px;\n            right: 0;\n            height: 3px;\n            width: 0;\n            background: linear-gradient(to left, #3498db, #2ecc71);\n            animation: grow 1s forwards;\n        }\n        \n        .mattress-benefits {\n            list-style: none;\n            padding: 0;\n            margin-bottom: 40px;\n        }\n        \n        .mattress-benefits li {\n            background: white;\n            border-radius: 10px;\n            padding: 20px;\n            margin-bottom: 15px;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n            position: relative;\n            overflow: hidden;\n            border-right: 4px solid transparent;\n            opacity: 0;\n            transform: translateY(30px);\n            animation: fadeUp 0.6s forwards;\n            text-align: right;\n        }\n        \n        .mattress-benefits li:nth-child(1) { animation-delay: 0.1s; }\n        .mattress-benefits li:nth-child(2) { animation-delay: 0.2s; }\n        .mattress-benefits li:nth-child(3) { animation-delay: 0.3s; }\n        .mattress-benefits li:nth-child(4) { animation-delay: 0.4s; }\n        \n        .mattress-benefits li::before {\n            content: \"✓\";\n            display: inline-block;\n            width: 30px;\n            height: 30px;\n            background: linear-gradient(135deg, #3498db, #2ecc71);\n            border-radius: 50%;\n            margin-left: 15px;\n            color: white;\n            text-align: center;\n            line-height: 30px;\n            font-weight: bold;\n            animation: float 3s ease-in-out infinite;\n        }\n        \n        .mattress-benefits li:hover {\n            transform: translateY(-5px) translateX(5px);\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n            border-right-color: #3498db;\n        }\n        \n        .mattress-policy {\n            background: white;\n            border-radius: 10px;\n            padding: 25px;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n            text-align: right;\n            margin-top: 30px;\n            opacity: 0;\n            animation: flipIn 0.8s forwards;\n            animation-delay: 0.5s;\n        }\n        \n        .mattress-policy-title {\n            color: #2980b9;\n            font-size: 20px;\n            font-weight: 700;\n            margin-bottom: 15px;\n        }\n        \n        .mattress-policy-item {\n            display: block;\n            margin-bottom: 10px;\n            color: #34495e;\n            font-size: 16px;\n        }\n        \n        @media (max-width: 768px) {\n            .mattress-title {\n                font-size: 24px;\n            }\n            \n            .mattress-content {\n                padding: 20px;\n            }\n        }\n    \u003c\/style\u003e\n\n\n    \u003cdiv class=\"mattress-cover-container\"\u003e\n        \u003cdiv class=\"mattress-cover-wrapper\"\u003e\n            \u003cdiv class=\"mattress-header\"\u003e\n                \u003ch1 class=\"mattress-title\"\u003eغطاء المرتبة الفاخر المقاوم للماء\u003c\/h1\u003e\n                \u003cp class=\"mattress-subtitle\"\u003eحماية كاملة وراحة فائقة لنوم هادئ\u003c\/p\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"mattress-content\"\u003e\n                \u003cp class=\"mattress-description\"\u003e\n                    غطاء كامل ناعم ومتين بيحافظ على مرتبتك الغالية من الأتربة، السوائل، البقع، والتآكل اليومي. \n                    الكفر ضد المياه 100%، ومصنوع من خامة بو عالية الجودة، بتديك إحساس بالراحة والبرودة طول الليل، من غير ما يغيّر ملمس المرتبة أو يحسسك إنك نايم على طبقة إضافية.\n                \u003c\/p\u003e\n                \n                \u003ch2 class=\"mattress-section-title\"\u003eالمزايا\u003c\/h2\u003e\n                \u003cul class=\"mattress-benefits\"\u003e\n                    \u003cli\u003eخامة فاخرة باردة توزع الحرارة وتنظم حرارة الجسم\u003c\/li\u003e\n                    \u003cli\u003eمقاوم للمياه والانسكابات\u003c\/li\u003e\n                    \u003cli\u003eيحافظ على نعومة المرتبة الأصلية\u003c\/li\u003e\n                    \u003cli\u003eبيهيّئلك بيئة نوم صحية ومنعشة\u003c\/li\u003e\n                \u003c\/ul\u003e\n                \n                \u003cdiv class=\"mattress-policy\"\u003e\n                    \u003ch3 class=\"mattress-policy-title\"\u003eسياسة الاستبدال والضمان:\u003c\/h3\u003e\n                    \u003cspan class=\"mattress-policy-item\"\u003e🚚 التوصيل خلال 3 إلى 5 أيام عمل\u003c\/span\u003e\n                    \u003cspan class=\"mattress-policy-item\"\u003e🛡️ ضمان لمدة 3 سنوات\u003c\/span\u003e\n                    \u003cspan class=\"mattress-policy-item\"\u003e🔁 استبدال واسترجاع خلال 14 يوم\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\u003c\/body\u003e","brand":"Fluff \u0026 Puff ","offers":[{"title":"120","offer_id":45045778481351,"sku":"175535264468a08e4479204","price":800.0,"currency_code":"EGP","in_stock":true},{"title":"160","offer_id":45045778514119,"sku":"175535264468a08e4479204","price":850.0,"currency_code":"EGP","in_stock":true},{"title":"180","offer_id":45045778546887,"sku":"175535264468a08e4479204","price":900.0,"currency_code":"EGP","in_stock":true},{"title":"200","offer_id":45045778579655,"sku":"175535264468a08e4479204","price":950.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/251cad55-38e0-4d95-b42c-0f55a9d02a5b.webp?v=1748445639"},{"product_id":"مرتبة-أرضية-قابله-للطي-ستريبد-جراي","title":"مرتبة أرضية قابله للطي (ستريبد جراي )","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n        \n        @keyframes float {\n            0% { transform: translateY(0px); }\n            50% { transform: translateY(-10px); }\n            100% { transform: translateY(0px); }\n        }\n        \n        @keyframes gradient {\n            0% { background-position: 0% 50%; }\n            50% { background-position: 100% 50%; }\n            100% { background-position: 0% 50%; }\n        }\n        \n        @keyframes shine {\n            0% { background-position: -100%; }\n            100% { background-position: 200%; }\n        }\n        \n        @keyframes flipIn {\n            0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n            100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n        }\n        \n        @keyframes bounce {\n            0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n            40% { transform: translateY(-20px); }\n            60% { transform: translateY(-10px); }\n        }\n        \n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        body {\n            font-family: 'Tajawal', sans-serif;\n            background: #ffffff;\n        }\n        \n        .product-container {\n            max-width: 900px;\n            margin: 20px auto;\n            background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n            border-radius: 15px;\n            overflow: hidden;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n            padding: 0;\n            position: relative;\n        }\n        \n        .header {\n            background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n            background-size: 400% 400%;\n            animation: gradient 15s ease infinite;\n            padding: 25px;\n            text-align: center;\n            color: white;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .header::before {\n            content: \"\";\n            position: absolute;\n            top: -10px;\n            left: 0;\n            width: 100%;\n            height: 10px;\n            background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n            background-size: 200% 100%;\n            animation: shine 3s linear infinite;\n        }\n        \n        .product-title {\n            font-size: 32px;\n            font-weight: 700;\n            margin-bottom: 10px;\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n            transform-origin: center;\n            animation: bounce 5s ease infinite;\n        }\n        \n        .product-subtitle {\n            font-size: 18px;\n            opacity: 0.9;\n        }\n        \n        .content {\n            padding: 30px;\n        }\n        \n        .section-title {\n            color: #2980b9;\n            font-size: 24px;\n            margin-bottom: 20px;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .section-title::after {\n            content: \"\";\n            position: absolute;\n            bottom: -8px;\n            right: 0;\n            height: 3px;\n            width: 0;\n            background: linear-gradient(to left, #3498db, #2ecc71);\n            transition: width 0.5s ease;\n            animation: grow 1s forwards;\n        }\n        \n        @keyframes grow {\n            to { width: 100%; }\n        }\n        \n        .features-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 20px;\n            margin-bottom: 40px;\n        }\n        \n        .feature-card {\n            background: white;\n            border-radius: 10px;\n            padding: 20px;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n            position: relative;\n            overflow: hidden;\n            border-bottom: 3px solid transparent;\n            opacity: 0;\n            transform: translateY(30px);\n            animation: fadeUp 0.6s forwards;\n        }\n        \n        @keyframes fadeUp {\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        .feature-card:nth-child(1) { animation-delay: 0.1s; }\n        .feature-card:nth-child(2) { animation-delay: 0.2s; }\n        .feature-card:nth-child(3) { animation-delay: 0.3s; }\n        .feature-card:nth-child(4) { animation-delay: 0.4s; }\n        .feature-card:nth-child(5) { animation-delay: 0.5s; }\n        \n        .feature-card::before {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 4px;\n            background: linear-gradient(to right, #3498db, #2ecc71);\n            transform: scaleX(0);\n            transform-origin: right;\n            transition: transform 0.5s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-10px) scale(1.02);\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n            border-bottom-color: #3498db;\n        }\n        \n        .feature-card:hover::before {\n            transform: scaleX(1);\n            transform-origin: left;\n        }\n        \n        .feature-icon {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 50px;\n            height: 50px;\n            background: linear-gradient(135deg, #3498db, #2ecc71);\n            border-radius: 50%;\n            margin-bottom: 15px;\n            color: white;\n            font-size: 20px;\n            animation: float 3s ease-in-out infinite;\n        }\n        \n        .feature-title {\n            font-size: 18px;\n            font-weight: 700;\n            color: #34495e;\n            margin-bottom: 10px;\n        }\n        \n        .feature-desc {\n            color: #7f8c8d;\n            line-height: 1.6;\n        }\n        \n        .specs-table-container {\n            margin-top: 30px;\n            overflow: hidden;\n            border-radius: 10px;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n        }\n        \n        .specs-table {\n            width: 100%;\n            border-collapse: collapse;\n            overflow: hidden;\n            background: white;\n        }\n        \n        .specs-table th {\n            background: linear-gradient(to left, #3498db, #2980b9);\n            color: white;\n            padding: 15px;\n            text-align: right;\n            font-weight: 500;\n        }\n        \n        .specs-table tr {\n            opacity: 0;\n            animation: flipIn 0.5s forwards;\n        }\n        \n        .specs-table tr:nth-child(1) { animation-delay: 0.1s; }\n        .specs-table tr:nth-child(2) { animation-delay: 0.2s; }\n        .specs-table tr:nth-child(3) { animation-delay: 0.3s; }\n        .specs-table tr:nth-child(4) { animation-delay: 0.4s; }\n        .specs-table tr:nth-child(5) { animation-delay: 0.5s; }\n        \n        .specs-table td {\n            padding: 15px;\n            border-bottom: 1px solid #ecf0f1;\n            transition: all 0.3s ease;\n        }\n        \n        .specs-table tr:last-child td {\n            border-bottom: none;\n        }\n        \n        .specs-table tr:hover td {\n            background-color: #f8fdff;\n            transform: translateX(-5px);\n        }\n        \n        .specs-table tr:nth-child(even) {\n            background-color: #f9fcff;\n        }\n        \n        .label {\n            font-weight: 500;\n            color: #2c3e50;\n        }\n        \n        .value {\n            color: #3498db;\n        }\n        \n        @media (max-width: 768px) {\n            .features-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            .product-title {\n                font-size: 24px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eاستمتع بأقصى درجات الراحة مع مرتبتنا متعددة الاستخدامات\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eتصميم عصري وراحة فائقة تناسب جميع احتياجاتك\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"section-title\"\u003eالمميزات الفريدة\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eتصميم مبتكر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eيمكن طي الوسادة العلوية لتكوين مسند رأس مريح مثالي للقراءة أو النوم\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧵\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eخامات عالية الجودة\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eقماش خارجي من مايكروفايبر ناعم وحشو فايبر يمنحانك راحة بدون تكتل\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🎨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eلون أنيق\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eستريبد جراي يضيف لمسة مميزة لديكور منزلك\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚖️\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eوزن متوازن\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eالوزن الكلي 4500 جرام لتحقيق توازن بين الراحة والمتانة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧳\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eمثالية للسفر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتصميم قابل للربط لسهولة الحمل والتنقل أثناء السفر والتجمعات العائلية\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eالمواصفات التفصيلية\u003c\/h2\u003e\n\u003cdiv class=\"specs-table-container\"\u003e\n\u003ctable class=\"specs-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eالمواصفات\u003c\/th\u003e\n\u003cth\u003eالتفاصيل\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالوزن الإجمالي\u003c\/td\u003e\n\u003ctd class=\"value\"\u003e4500 جرام\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالمادة الخارجية\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eمايكروفايبر ناعم\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالحشو\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eألياف فايبر مريحة\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eاللون\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eستريبد جراي \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالاستخدامات\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eالنوم، القراءة، السفر، التجمعات العائلية\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 Puff ","offers":[{"title":"Default Title","offer_id":45055363121351,"sku":"175535359868a091fe23c34","price":1299.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/ChatGPTImageApr26_2025_02_12_52PM.webp?v=1748445016"}],"url":"https:\/\/www.fluffbluff.shop\/collections\/no-offer.oembed","provider":"Fluff \u0026 bluff ","version":"1.0","type":"link"}