{"title":"Pillows","description":"","products":[{"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":1065.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":"polydownpillow","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        \/* 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 for Pillow Product *\/\n        .pillow-product-container * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        .pillow-product-container {\n            font-family: 'Tajawal', sans-serif;\n            background: #ffffff;\n            padding: 20px;\n        }\n        \n        .pillow-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        .pillow-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        .pillow-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        .pillow-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        .pillow-subtitle {\n            font-size: 18px;\n            opacity: 0.9;\n        }\n        \n        .pillow-content {\n            padding: 30px;\n        }\n        \n        .pillow-intro {\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            text-align: right;\n            line-height: 1.8;\n            opacity: 0;\n            animation: flipIn 0.8s forwards;\n        }\n        \n        .pillow-intro strong {\n            display: block;\n            color: #2980b9;\n            font-size: 20px;\n            margin-bottom: 15px;\n        }\n        \n        .pillow-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        .pillow-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        .pillow-specs {\n            list-style: none;\n            padding: 0;\n            margin-bottom: 30px;\n        }\n        \n        .pillow-specs 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            display: flex;\n            align-items: center;\n        }\n        \n        .pillow-specs li:nth-child(1) { animation-delay: 0.1s; }\n        .pillow-specs li:nth-child(2) { animation-delay: 0.2s; }\n        .pillow-specs li:nth-child(3) { animation-delay: 0.3s; }\n        .pillow-specs li:nth-child(4) { animation-delay: 0.4s; }\n        .pillow-specs li:nth-child(5) { animation-delay: 0.5s; }\n        \n        .pillow-specs li::before {\n            content: \"\";\n            display: inline-block;\n            width: 40px;\n            height: 40px;\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: 40px;\n            font-size: 18px;\n            animation: float 3s ease-in-out infinite;\n            flex-shrink: 0;\n        }\n        \n        .pillow-specs li:nth-child(1)::before { content: \"📏\"; }\n        .pillow-specs li:nth-child(2)::before { content: \"🪶\"; }\n        .pillow-specs li:nth-child(3)::before { content: \"🧵\"; }\n        .pillow-specs li:nth-child(4)::before { content: \"💤\"; }\n        .pillow-specs li:nth-child(5)::before { content: \"👨👩👧👦\"; }\n        \n        .pillow-specs 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        .pillow-cta {\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: center;\n            margin-top: 30px;\n            opacity: 0;\n            animation: flipIn 0.8s forwards;\n            animation-delay: 0.6s;\n        }\n        \n        .pillow-cta p {\n            color: #2980b9;\n            font-size: 20px;\n            font-weight: 700;\n            background: linear-gradient(to left, #3498db, #2ecc71);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            text-shadow: none;\n        }\n        \n        @media (max-width: 768px) {\n            .pillow-title {\n                font-size: 24px;\n            }\n            \n            .pillow-content {\n                padding: 20px;\n            }\n            \n            .pillow-specs li {\n                font-size: 14px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"pillow-product-container\"\u003e\n\u003cdiv class=\"pillow-wrapper\"\u003e\n\u003cdiv class=\"pillow-header\"\u003e\n\u003ch1 class=\"pillow-title\"\u003eالمخدة الفندقية من فلاف بلاف\u003c\/h1\u003e\n\u003cp class=\"pillow-subtitle\"\u003eرفاهية الفنادق الخمس نجوم في منزلك\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pillow-content\"\u003e\n\u003cdiv class=\"pillow-intro\"\u003e\n\u003cstrong\u003eاستمتع بنوم هادئ مع المخدة الفندقية من فلاف بلاف\u003c\/strong\u003e\n\u003cp\u003eراحة مثالية ودعم متوازن للرأس والرقبة، علشان تصحى كل يوم منتعش وجاهز تبدأ يومك. المخدة الفندقية المستوردة من فلاف بلاف هي الإضافة الفاخرة اللي تستحقها كل غرفة نوم.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"pillow-section-title\"\u003eالمواصفات\u003c\/h2\u003e\n\u003cul class=\"pillow-specs\"\u003e\n\u003cli\u003eالمقاس: 50 × 70 سم\u003c\/li\u003e\n\u003cli\u003eالحشو: بديل كوري عالي الجودة للريش الطبيعي\u003c\/li\u003e\n\u003cli\u003eالقماش: 300 خيط (TC 300) من القطن الناعم\u003c\/li\u003e\n\u003cli\u003eتمنحك نفس شعور الريش بدون أي حساسية\u003c\/li\u003e\n\u003cli\u003eمناسبة للكبار والأطفال\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"pillow-cta\"\u003e\n\u003cp\u003eاختيارك للمخدة دي مش رفاهية… ده استثمار في راحتك.\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":45198974582983,"sku":"175534545468a0722ef4134","price":800.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/7caa36d842facdc66f0662631c4647d1_2_11zon.webp?v=1752164112"},{"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        \/* 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 for Fiber Pillow Product *\/\n        .fiber-pillow-container * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        .fiber-pillow-container {\n            font-family: 'Tajawal', sans-serif;\n            background: #ffffff;\n            padding: 20px;\n        }\n        \n        .fiber-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        .fiber-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        .fiber-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        .fiber-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        .fiber-subtitle {\n            font-size: 18px;\n            opacity: 0.9;\n        }\n        \n        .fiber-content {\n            padding: 30px;\n        }\n        \n        .fiber-intro {\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            text-align: right;\n            line-height: 2;\n            opacity: 0;\n            animation: flipIn 0.8s forwards;\n            font-size: 17px;\n        }\n        \n        .fiber-intro strong {\n            display: block;\n            color: #2980b9;\n            font-size: 20px;\n            margin-bottom: 15px;\n        }\n        \n        .fiber-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        .fiber-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        .fiber-specs {\n            list-style: none;\n            padding: 0;\n            margin-bottom: 30px;\n        }\n        \n        .fiber-specs 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            display: flex;\n            align-items: center;\n            font-size: 18px;\n            line-height: 1.8;\n        }\n        \n        .fiber-specs li:nth-child(1) { animation-delay: 0.1s; }\n        .fiber-specs li:nth-child(2) { animation-delay: 0.2s; }\n        .fiber-specs li:nth-child(3) { animation-delay: 0.3s; }\n        .fiber-specs li:nth-child(4) { animation-delay: 0.4s; }\n        .fiber-specs li:nth-child(5) { animation-delay: 0.5s; }\n        \n        .fiber-specs li::before {\n            content: \"\";\n            display: inline-block;\n            width: 40px;\n            height: 40px;\n            background: linear-gradient(135deg, #3498db, #2ecc71);\n            border-radius: 50%;\n            margin-left: 20px;\n            margin-right: 15px;\n            color: white;\n            text-align: center;\n            line-height: 40px;\n            font-size: 18px;\n            animation: float 3s ease-in-out infinite;\n            flex-shrink: 0;\n        }\n        \n        .fiber-specs li:nth-child(1)::before { content: \"📏\"; }\n        .fiber-specs li:nth-child(2)::before { content: \"🛡️\"; }\n        .fiber-specs li:nth-child(3)::before { content: \"✈️\"; }\n        .fiber-specs li:nth-child(4)::before { content: \"📦\"; }\n        .fiber-specs li:nth-child(5)::before { content: \"⚖️\"; }\n        \n        .fiber-specs 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        .fiber-cta {\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: center;\n            margin-top: 30px;\n            opacity: 0;\n            animation: flipIn 0.8s forwards;\n            animation-delay: 0.6s;\n        }\n        \n        .fiber-cta p {\n            color: #2980b9;\n            font-size: 20px;\n            font-weight: 700;\n            background: linear-gradient(to left, #3498db, #2ecc71);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            text-shadow: none;\n        }\n        \n        @media (max-width: 768px) {\n            .fiber-title {\n                font-size: 24px;\n            }\n            \n            .fiber-content {\n                padding: 20px;\n            }\n            \n            .fiber-specs li {\n                font-size: 16px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"fiber-pillow-container\"\u003e\n\u003cdiv class=\"fiber-wrapper\"\u003e\n\u003cdiv class=\"fiber-header\"\u003e\n\u003ch1 class=\"fiber-title\"\u003eقطعتين مخدة سوفت\u003c\/h1\u003e\n\u003cp class=\"fiber-subtitle\"\u003eراحة فائقة لنوم هانئ\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fiber-content\"\u003e\n\u003cdiv class=\"fiber-intro\"\u003e\n\u003cstrong\u003eمخدة فايبر سوفت ناعم لراحة مثالية في كل وقت\u003c\/strong\u003e\n\u003cp\u003eخامة ناعمه جداً تضمن لك راحة ل رقبتك وظهرك. الأبعاد مناسبة جدا، هتقدر تتحرك بيها في السفر و الرحلات لانها سهلة الضغط.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"fiber-section-title\"\u003eالمواصفات\u003c\/h2\u003e\n\u003cul class=\"fiber-specs\"\u003e\n\u003cli\u003eالابعاد :- 50×70 سم\u003c\/li\u003e\n\u003cli\u003eخامة من الفايبر السوفت الناعم تضمن لك راحة ل رقبتك وظهرك\u003c\/li\u003e\n\u003cli\u003eأبعاد مناسبة جدا، هتقدر تتحرك بيها في السفر و الرحلات لانها سهلة الضغط\u003c\/li\u003e\n\u003cli\u003eمحتوى العبوة: 2×مخدة\u003c\/li\u003e\n\u003cli\u003eالوزن : ١٤٥٠-١٥٥٠ جرام تقريباً\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"fiber-cta\"\u003e\n\u003cp\u003e! اختيارك المثالي للراحة في المنزل والسفر\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 bluff ","offers":[{"title":"Default Title","offer_id":45292883673287,"sku":"175534565868a072fa577c6","price":500.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/ChatGPT_11zon.webp?v=1752161679"},{"product_id":"قطعتين-مخدة-فايبر-2","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        \/* 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 for Fiber Pillow Product *\/\n        .fiber-pillow-container * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        .fiber-pillow-container {\n            font-family: 'Tajawal', sans-serif;\n            background: #ffffff;\n            padding: 20px;\n        }\n        \n        .fiber-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        .fiber-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        .fiber-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        .fiber-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        .fiber-subtitle {\n            font-size: 18px;\n            opacity: 0.9;\n        }\n        \n        .fiber-content {\n            padding: 30px;\n        }\n        \n        .fiber-intro {\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            text-align: right;\n            line-height: 2;\n            opacity: 0;\n            animation: flipIn 0.8s forwards;\n            font-size: 17px;\n        }\n        \n        .fiber-intro strong {\n            display: block;\n            color: #2980b9;\n            font-size: 20px;\n            margin-bottom: 15px;\n        }\n        \n        .fiber-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        .fiber-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        .fiber-specs {\n            list-style: none;\n            padding: 0;\n            margin-bottom: 30px;\n        }\n        \n        .fiber-specs 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            display: flex;\n            align-items: center;\n            font-size: 18px;\n            line-height: 1.8;\n        }\n        \n        .fiber-specs li:nth-child(1) { animation-delay: 0.1s; }\n        .fiber-specs li:nth-child(2) { animation-delay: 0.2s; }\n        .fiber-specs li:nth-child(3) { animation-delay: 0.3s; }\n        .fiber-specs li:nth-child(4) { animation-delay: 0.4s; }\n        .fiber-specs li:nth-child(5) { animation-delay: 0.5s; }\n        \n        .fiber-specs li::before {\n            content: \"\";\n            display: inline-block;\n            width: 40px;\n            height: 40px;\n            background: linear-gradient(135deg, #3498db, #2ecc71);\n            border-radius: 50%;\n            margin-left: 20px;\n            margin-right: 15px;\n            color: white;\n            text-align: center;\n            line-height: 40px;\n            font-size: 18px;\n            animation: float 3s ease-in-out infinite;\n            flex-shrink: 0;\n        }\n        \n        .fiber-specs li:nth-child(1)::before { content: \"📏\"; }\n        .fiber-specs li:nth-child(2)::before { content: \"🛡️\"; }\n        .fiber-specs li:nth-child(3)::before { content: \"✈️\"; }\n        .fiber-specs li:nth-child(4)::before { content: \"📦\"; }\n        .fiber-specs li:nth-child(5)::before { content: \"⚖️\"; }\n        \n        .fiber-specs 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        .fiber-cta {\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: center;\n            margin-top: 30px;\n            opacity: 0;\n            animation: flipIn 0.8s forwards;\n            animation-delay: 0.6s;\n        }\n        \n        .fiber-cta p {\n            color: #2980b9;\n            font-size: 20px;\n            font-weight: 700;\n            background: linear-gradient(to left, #3498db, #2ecc71);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            text-shadow: none;\n        }\n        \n        @media (max-width: 768px) {\n            .fiber-title {\n                font-size: 24px;\n            }\n            \n            .fiber-content {\n                padding: 20px;\n            }\n            \n            .fiber-specs li {\n                font-size: 16px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"fiber-pillow-container\"\u003e\n\u003cdiv class=\"fiber-wrapper\"\u003e\n\u003cdiv class=\"fiber-header\"\u003e\n\u003ch1 class=\"fiber-title\"\u003eقطعتين مخدة فايبر\u003c\/h1\u003e\n\u003cp class=\"fiber-subtitle\"\u003eراحة فائقة لنوم هانئ\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fiber-content\"\u003e\n\u003cdiv class=\"fiber-intro\"\u003e\n\u003cstrong\u003eمخدة فايبر لراحة مثالية في كل وقت\u003c\/strong\u003e\n\u003cp\u003eتضمن لك راحة ل رقبتك وظهرك. الأبعاد مناسبة جدا، هتقدر تتحرك بيها في السفر و الرحلات لانها سهلة الضغط.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"fiber-section-title\"\u003eالمواصفات\u003c\/h2\u003e\n\u003cul class=\"fiber-specs\"\u003e\n\u003cli\u003eالابعاد :- 45×60 سم\u003c\/li\u003e\n\u003cli\u003eخامة من الفايبر تضمن لك راحة ل رقبتك وظهرك الأبعاد مناسبة جدا، هتقدر تتحرك بيها في السفر و الرحلات لانها سهلة الضغط\u003c\/li\u003e\n\u003cli\u003eمحتوى العبوة: 2×مخدة\u003c\/li\u003e\n\u003cli\u003eالوزن : ١٠٠٠ جرام تقريباً\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"fiber-cta\"\u003e\n\u003cp\u003e! اختيارك المثالي للراحة في المنزل والسفر\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 bluff ","offers":[{"title":"Default Title","offer_id":45292891275463,"sku":"1755081643689c6bab44fa9","price":300.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/bb39aebad4e5238f7c7485dffd22fd09_1_11zon.webp?v=1752162310"},{"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        @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        @keyframes fadeUp {\n            0% {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            100% {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        @keyframes grow {\n            0% { width: 0; }\n            100% { width: 100%; }\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        .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: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        .feature-card:nth-child(6) { animation-delay: 0.6s; }\n        .feature-card:nth-child(7) { animation-delay: 0.7s; }\n        .feature-card:nth-child(8) { animation-delay: 0.8s; }\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        .size-highlight {\n            background: linear-gradient(to left, #3498db, #2980b9);\n            color: white;\n            padding: 20px;\n            border-radius: 10px;\n            text-align: center;\n            font-size: 20px;\n            font-weight: 700;\n            margin-bottom: 30px;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .size-highlight::before {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\n            animation: shine 2s linear infinite;\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            .product-container {\n                margin: 10px;\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\u003cdiv class=\"size-highlight\"\u003eالمقاس: 40 × 60 × 12 سم\u003c\/div\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طبقة جل توفر درجة برودة مناسبة أثناء النوم\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تتميز بالمحافظة على شكلها والعمر الافتراضي الطويل\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 bluff ","offers":[{"title":"Default Title","offer_id":45540081107143,"sku":"176055819468effc7253ef9","price":1799.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/WhatsApp_Image_2025-09-14_at_9.25.46_AM_1.webp?v=1757850724"},{"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        @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        @keyframes fadeUp {\n            0% {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            100% {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        @keyframes grow {\n            0% { width: 0; }\n            100% { width: 100%; }\n        }\n        \n        @keyframes pulse {\n            0%, 100% { transform: scale(1); }\n            50% { transform: scale(1.05); }\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        .brand-highlight {\n            background: rgba(255, 255, 255, 0.2);\n            padding: 5px 15px;\n            border-radius: 20px;\n            display: inline-block;\n            font-weight: 700;\n            font-size: 20px;\n            margin: 0 5px;\n            animation: pulse 2s ease-in-out 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        .intro-card {\n            background: white;\n            border-radius: 15px;\n            padding: 30px;\n            margin-bottom: 30px;\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n            position: relative;\n            overflow: hidden;\n            border-right: 4px solid #3498db;\n        }\n        \n        .intro-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            animation: grow 1.5s forwards;\n        }\n        \n        .intro-text {\n            color: #34495e;\n            line-height: 1.8;\n            font-size: 17px;\n            margin-bottom: 15px;\n        }\n        \n        .intro-highlight {\n            color: #2980b9;\n            font-weight: 700;\n            font-size: 18px;\n            line-height: 1.8;\n        }\n        \n        .travel-scenarios {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 20px;\n            margin-bottom: 40px;\n        }\n        \n        .travel-card {\n            background: white;\n            border-radius: 12px;\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            text-align: center;\n        }\n        \n        .travel-card:nth-child(1) { animation-delay: 0.2s; }\n        .travel-card:nth-child(2) { animation-delay: 0.4s; }\n        .travel-card:nth-child(3) { animation-delay: 0.6s; }\n        .travel-card:nth-child(4) { animation-delay: 0.8s; }\n        \n        .travel-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        .travel-card:hover {\n            transform: translateY(-8px) scale(1.02);\n            box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);\n            border-bottom-color: #3498db;\n        }\n        \n        .travel-card:hover::before {\n            transform: scaleX(1);\n            transform-origin: left;\n        }\n        \n        .travel-icon {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 55px;\n            height: 55px;\n            background: linear-gradient(135deg, #3498db, #2ecc71);\n            border-radius: 50%;\n            margin: 0 auto 15px;\n            color: white;\n            font-size: 22px;\n            animation: float 3s ease-in-out infinite;\n        }\n        \n        .travel-name {\n            font-size: 16px;\n            font-weight: 700;\n            color: #34495e;\n        }\n        \n        .specs-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 20px;\n            margin-bottom: 40px;\n        }\n        \n        .spec-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: fadeUp 0.6s forwards;\n        }\n        \n        .spec-card:nth-child(1) { animation-delay: 1.0s; }\n        .spec-card:nth-child(2) { animation-delay: 1.2s; }\n        .spec-card:nth-child(3) { animation-delay: 1.4s; }\n        \n        .spec-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        .spec-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        .spec-card:hover::before {\n            transform: scaleX(1);\n            transform-origin: left;\n        }\n        \n        .spec-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        .spec-title {\n            font-size: 18px;\n            font-weight: 700;\n            color: #34495e;\n            margin-bottom: 10px;\n        }\n        \n        .spec-desc {\n            color: #7f8c8d;\n            line-height: 1.6;\n        }\n        \n        @media (max-width: 768px) {\n            .travel-scenarios {\n                grid-template-columns: repeat(2, 1fr);\n            }\n            \n            .specs-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            .product-title {\n                font-size: 24px;\n            }\n            \n            .product-container {\n                margin: 10px;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            .travel-scenarios {\n                grid-template-columns: 1fr;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eمخدة الرقبة من \u003cspan class=\"brand-highlight\"\u003eفلاف اند بلاف\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eرفيقك المثالي في السفر\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"intro-card\"\u003e\n\u003cp class=\"intro-text\"\u003eمخدة الرقبة دي من \u003cstrong\u003eفلاف اند بلاف\u003c\/strong\u003e هتكون رفيقك المثالي في السفر. مصنوعة من ميموري فوم علشان تدعم رقبتك وتقلل من الآلام والتوتر أثناء الرحلات الطويلة.\u003c\/p\u003e\n\u003cp class=\"intro-text\"\u003eبتاخد شكل رقبتك وتوزع الضغط بشكل متوازن، فهتحس بارتياح حتى لو كان السفر طويل أو مريح.\u003c\/p\u003e\n\u003cp class=\"intro-highlight\"\u003eسواء كنت مسافر بالطائرة أو بالقطار أو في العربية، وسادة الرقبة دي هتديك راحة حقيقية وتخلي رحلتك أكتر راحة ومتعة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eمناسبة لكل وسائل السفر\u003c\/h2\u003e\n\u003cdiv class=\"travel-scenarios\"\u003e\n\u003cdiv class=\"travel-card\"\u003e\n\u003cdiv class=\"travel-icon\"\u003e✈️\u003c\/div\u003e\n\u003cdiv class=\"travel-name\"\u003eالطائرة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"travel-card\"\u003e\n\u003cdiv class=\"travel-icon\"\u003e🚂\u003c\/div\u003e\n\u003cdiv class=\"travel-name\"\u003eالقطار\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"travel-card\"\u003e\n\u003cdiv class=\"travel-icon\"\u003e🚗\u003c\/div\u003e\n\u003cdiv class=\"travel-name\"\u003eالسيارة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"travel-card\"\u003e\n\u003cdiv class=\"travel-icon\"\u003e🚌\u003c\/div\u003e\n\u003cdiv class=\"travel-name\"\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-grid\"\u003e\n\u003cdiv class=\"spec-card\"\u003e\n\u003cdiv class=\"spec-icon\"\u003e🧠\u003c\/div\u003e\n\u003cdiv class=\"spec-title\"\u003eالخامة\u003c\/div\u003e\n\u003cdiv class=\"spec-desc\"\u003eميموري فوم عالي الجودة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-card\"\u003e\n\u003cdiv class=\"spec-icon\"\u003e🎯\u003c\/div\u003e\n\u003cdiv class=\"spec-title\"\u003eالاستخدام\u003c\/div\u003e\n\u003cdiv class=\"spec-desc\"\u003eللسفر الطويل – الطيارة – القطار – السيارة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-card\"\u003e\n\u003cdiv class=\"spec-icon\"\u003e💆\u003c\/div\u003e\n\u003cdiv class=\"spec-title\"\u003eالراحة\u003c\/div\u003e\n\u003cdiv class=\"spec-desc\"\u003eدعم ممتاز للرقبة – تقلل من التوتر والألم\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 bluff ","offers":[{"title":"احمر","offer_id":45541501599943,"sku":"176055744168eff98104f72","price":549.0,"currency_code":"EGP","in_stock":true},{"title":"كحلي","offer_id":45541501665479,"sku":"176055744168eff98104f72","price":549.0,"currency_code":"EGP","in_stock":true},{"title":"اسود","offer_id":45541501698247,"sku":"176055744168eff98104f72","price":549.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/21_5ba485aa-4d8d-4a56-b7d3-8d92294bbccf.webp?v=1757852891"},{"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        @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        @keyframes fadeUp {\n            0% {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            100% {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        @keyframes grow {\n            0% { width: 0; }\n            100% { width: 100%; }\n        }\n        \n        @keyframes pulse {\n            0%, 100% { transform: scale(1); }\n            50% { transform: scale(1.05); }\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        .hero-card {\n            background: white;\n            border-radius: 15px;\n            padding: 30px;\n            margin-bottom: 30px;\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n            position: relative;\n            overflow: hidden;\n            border-right: 4px solid #3498db;\n        }\n        \n        .hero-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            animation: grow 1.5s forwards;\n        }\n        \n        .hero-text {\n            color: #34495e;\n            line-height: 1.8;\n            font-size: 18px;\n            font-weight: 500;\n            text-align: center;\n        }\n        \n        .features-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 20px;\n            margin-bottom: 40px;\n        }\n        \n        .feature-card {\n            background: white;\n            border-radius: 12px;\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: fadeUp 0.6s forwards;\n        }\n        \n        .feature-card:nth-child(1) { animation-delay: 0.2s; }\n        .feature-card:nth-child(2) { animation-delay: 0.4s; }\n        .feature-card:nth-child(3) { animation-delay: 0.6s; }\n        .feature-card:nth-child(4) { animation-delay: 0.8s; }\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: 55px;\n            height: 55px;\n            background: linear-gradient(135deg, #3498db, #2ecc71);\n            border-radius: 50%;\n            margin-bottom: 18px;\n            color: white;\n            font-size: 22px;\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: 12px;\n        }\n        \n        .feature-desc {\n            color: #7f8c8d;\n            line-height: 1.6;\n            font-size: 15px;\n        }\n        \n        .why-choose-section {\n            background: linear-gradient(135deg, #f8fdff 0%, #e8f4fd 100%);\n            border-radius: 15px;\n            padding: 30px;\n            margin-bottom: 30px;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .why-choose-section::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            animation: grow 2s forwards;\n            animation-delay: 1s;\n        }\n        \n        .why-title {\n            color: #2980b9;\n            font-size: 24px;\n            font-weight: 700;\n            margin-bottom: 20px;\n            text-align: center;\n        }\n        \n        .why-content {\n            color: #34495e;\n            line-height: 1.8;\n            font-size: 17px;\n            font-weight: 500;\n            text-align: center;\n        }\n        \n        .benefits-highlight {\n            background: linear-gradient(to left, #3498db, #2980b9);\n            color: white;\n            padding: 25px;\n            border-radius: 15px;\n            text-align: center;\n            font-size: 18px;\n            font-weight: 700;\n            position: relative;\n            overflow: hidden;\n            margin-top: 20px;\n        }\n        \n        .benefits-highlight::before {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\n            animation: shine 3s linear infinite;\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            .product-container {\n                margin: 10px;\n            }\n            \n            .hero-text, .why-content {\n                font-size: 16px;\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\u003cdiv class=\"hero-card\"\u003e\n\u003cp class=\"hero-text\"\u003eاستيقظ كل يوم وأنت بكامل نشاطك مع مخدة لاتكس المصممة لتوفير دعم متوازن للرقبة والرأس، ومساعدة الجسم على الحفاظ على وضعية نوم صحية طوال الليل.\u003c\/p\u003e\n\u003c\/div\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الآن يمكنك شراء مخدة لاتكس بجودة فندقية عالية من خلال تجربة تسوق أونلاين سهلة وآمنة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"why-choose-section\"\u003e\n\u003ch2 class=\"why-title\"\u003eلماذا تختار مخدة لاتكس؟\u003c\/h2\u003e\n\u003cp class=\"why-content\"\u003eلأنها تجمع بين الراحة والدعم الطبيعي، وهي مثالية لكل من يبحث عن نوم صحي وخالي من التوتر العضلي.\u003c\/p\u003e\n\u003cdiv class=\"benefits-highlight\"\u003eلا مزيد من التقلبات أثناء الليل، ولا مزيد من الصداع الصباحي 💤\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 bluff ","offers":[{"title":"Default Title","offer_id":45540106502343,"sku":"176056051368f00581c9a72","price":1699.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/flat_pillow.webp?v=1757934668"},{"product_id":"4xpillows-soft","title":"عرض 3 مخدات فندقيه + مخدة هدية","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        \/* 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 for Fiber Pillow Product *\/\n        .fiber-pillow-container * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        .fiber-pillow-container {\n            font-family: 'Tajawal', sans-serif;\n            background: #ffffff;\n            padding: 20px;\n        }\n        \n        .fiber-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        .fiber-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        .fiber-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        .fiber-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        .fiber-subtitle {\n            font-size: 18px;\n            opacity: 0.9;\n        }\n        \n        .fiber-content {\n            padding: 30px;\n        }\n        \n        .fiber-intro {\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            text-align: right;\n            line-height: 2;\n            opacity: 0;\n            animation: flipIn 0.8s forwards;\n            font-size: 17px;\n        }\n        \n        .fiber-intro strong {\n            display: block;\n            color: #2980b9;\n            font-size: 20px;\n            margin-bottom: 15px;\n        }\n        \n        .fiber-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        .fiber-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        .fiber-specs {\n            list-style: none;\n            padding: 0;\n            margin-bottom: 30px;\n        }\n        \n        .fiber-specs 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            display: flex;\n            align-items: center;\n            font-size: 18px;\n            line-height: 1.8;\n        }\n        \n        .fiber-specs li:nth-child(1) { animation-delay: 0.1s; }\n        .fiber-specs li:nth-child(2) { animation-delay: 0.2s; }\n        .fiber-specs li:nth-child(3) { animation-delay: 0.3s; }\n        .fiber-specs li:nth-child(4) { animation-delay: 0.4s; }\n        .fiber-specs li:nth-child(5) { animation-delay: 0.5s; }\n        \n        .fiber-specs li::before {\n            content: \"\";\n            display: inline-block;\n            width: 40px;\n            height: 40px;\n            background: linear-gradient(135deg, #3498db, #2ecc71);\n            border-radius: 50%;\n            margin-left: 20px;\n            margin-right: 15px;\n            color: white;\n            text-align: center;\n            line-height: 40px;\n            font-size: 18px;\n            animation: float 3s ease-in-out infinite;\n            flex-shrink: 0;\n        }\n        \n        .fiber-specs li:nth-child(1)::before { content: \"📏\"; }\n        .fiber-specs li:nth-child(2)::before { content: \"🛡️\"; }\n        .fiber-specs li:nth-child(3)::before { content: \"✈️\"; }\n        .fiber-specs li:nth-child(4)::before { content: \"📦\"; }\n        .fiber-specs li:nth-child(5)::before { content: \"⚖️\"; }\n        \n        .fiber-specs 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        .fiber-cta {\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: center;\n            margin-top: 30px;\n            opacity: 0;\n            animation: flipIn 0.8s forwards;\n            animation-delay: 0.6s;\n        }\n        \n        .fiber-cta p {\n            color: #2980b9;\n            font-size: 20px;\n            font-weight: 700;\n            background: linear-gradient(to left, #3498db, #2ecc71);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            text-shadow: none;\n        }\n        \n        @media (max-width: 768px) {\n            .fiber-title {\n                font-size: 24px;\n            }\n            \n            .fiber-content {\n                padding: 20px;\n            }\n            \n            .fiber-specs li {\n                font-size: 16px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"fiber-pillow-container\"\u003e\n\u003cdiv class=\"fiber-wrapper\"\u003e\n\u003cdiv class=\"fiber-header\"\u003e\n\u003ch1 class=\"fiber-title\"\u003eمخدة فندقية فاخرة\u003c\/h1\u003e\n\u003cp class=\"fiber-subtitle\"\u003eراحة فائقة لنوم هانئ\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fiber-content\"\u003e\n\u003cdiv class=\"fiber-intro\"\u003e\n\u003cstrong\u003eمخدة سوفت ناعم لراحة مثالية في كل وقت\u003c\/strong\u003e\n\u003cp\u003eخامة ناعمه جداً تضمن لك راحة ل رقبتك وظهرك. الأبعاد مناسبة جدا، هتقدر تتحرك بيها في السفر و الرحلات لانها سهلة الضغط.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"fiber-section-title\"\u003eالمواصفات\u003c\/h2\u003e\n\u003cul class=\"fiber-specs\"\u003e\n\u003cli\u003eالابعاد :- 50×70 سم\u003c\/li\u003e\n\u003cli\u003eالخامة من الفايبر السوفت الناعم تضمن لك راحة ل رقبتك وظهرك\u003c\/li\u003e\n\u003cli\u003eالأبعاد مناسبة جدا، هتقدر تتحرك بيها في السفر و الرحلات لانها سهلة الضغط\u003c\/li\u003e\n\u003cli\u003eمحتوى العبوة: 4×مخدة\u003c\/li\u003e\n\u003cli\u003eالوزن : 3500جرام تقريباً\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"fiber-cta\"\u003e\n\u003cp\u003eاختيارك المثالي للراحة في المنزل والسفر!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 bluff ","offers":[{"title":"Default Title","offer_id":45748009894087,"sku":"1762448568690cd4b80b94d","price":799.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/1ws.jpg?v=1771470717"},{"product_id":"4xpillow-soft","title":"عرض 4 مخدات سوفت+ 2 مخدة هدية","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        \/* 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 for Fiber Pillow Product *\/\n        .fiber-pillow-container * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        .fiber-pillow-container {\n            font-family: 'Tajawal', sans-serif;\n            background: #ffffff;\n            padding: 20px;\n        }\n        \n        .fiber-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        .fiber-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        .fiber-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        .fiber-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        .fiber-subtitle {\n            font-size: 18px;\n            opacity: 0.9;\n        }\n        \n        .fiber-content {\n            padding: 30px;\n        }\n        \n        .fiber-intro {\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            text-align: right;\n            line-height: 2;\n            opacity: 0;\n            animation: flipIn 0.8s forwards;\n            font-size: 17px;\n        }\n        \n        .fiber-intro strong {\n            display: block;\n            color: #2980b9;\n            font-size: 20px;\n            margin-bottom: 15px;\n        }\n        \n        .fiber-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        .fiber-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        .fiber-specs {\n            list-style: none;\n            padding: 0;\n            margin-bottom: 30px;\n        }\n        \n        .fiber-specs 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            display: flex;\n            align-items: center;\n            font-size: 18px;\n            line-height: 1.8;\n        }\n        \n        .fiber-specs li:nth-child(1) { animation-delay: 0.1s; }\n        .fiber-specs li:nth-child(2) { animation-delay: 0.2s; }\n        .fiber-specs li:nth-child(3) { animation-delay: 0.3s; }\n        .fiber-specs li:nth-child(4) { animation-delay: 0.4s; }\n        .fiber-specs li:nth-child(5) { animation-delay: 0.5s; }\n        \n        .fiber-specs li::before {\n            content: \"\";\n            display: inline-block;\n            width: 40px;\n            height: 40px;\n            background: linear-gradient(135deg, #3498db, #2ecc71);\n            border-radius: 50%;\n            margin-left: 20px;\n            margin-right: 15px;\n            color: white;\n            text-align: center;\n            line-height: 40px;\n            font-size: 18px;\n            animation: float 3s ease-in-out infinite;\n            flex-shrink: 0;\n        }\n        \n        .fiber-specs li:nth-child(1)::before { content: \"📏\"; }\n        .fiber-specs li:nth-child(2)::before { content: \"🛡️\"; }\n        .fiber-specs li:nth-child(3)::before { content: \"✈️\"; }\n        .fiber-specs li:nth-child(4)::before { content: \"📦\"; }\n        .fiber-specs li:nth-child(5)::before { content: \"⚖️\"; }\n        \n        .fiber-specs 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        .fiber-cta {\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: center;\n            margin-top: 30px;\n            opacity: 0;\n            animation: flipIn 0.8s forwards;\n            animation-delay: 0.6s;\n        }\n        \n        .fiber-cta p {\n            color: #2980b9;\n            font-size: 20px;\n            font-weight: 700;\n            background: linear-gradient(to left, #3498db, #2ecc71);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            text-shadow: none;\n        }\n        \n        @media (max-width: 768px) {\n            .fiber-title {\n                font-size: 24px;\n            }\n            \n            .fiber-content {\n                padding: 20px;\n            }\n            \n            .fiber-specs li {\n                font-size: 16px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"fiber-pillow-container\"\u003e\n\u003cdiv class=\"fiber-wrapper\"\u003e\n\u003cdiv class=\"fiber-header\"\u003e\n\u003ch1 class=\"fiber-title\"\u003eمخدة فندقية فاخرة\u003c\/h1\u003e\n\u003cp class=\"fiber-subtitle\"\u003eراحة فائقة لنوم هانئ\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fiber-content\"\u003e\n\u003cdiv class=\"fiber-intro\"\u003e\n\u003cstrong\u003eمخدة سوفت ناعم لراحة مثالية في كل وقت\u003c\/strong\u003e\n\u003cp\u003eخامة ناعمه جداً تضمن لك راحة ل رقبتك وظهرك. الأبعاد مناسبة جدا، هتقدر تتحرك بيها في السفر و الرحلات لانها سهلة الضغط.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"fiber-section-title\"\u003eالمواصفات\u003c\/h2\u003e\n\u003cul class=\"fiber-specs\"\u003e\n\u003cli\u003eالابعاد :- 50×70 سم\u003c\/li\u003e\n\u003cli\u003eالخامة من الفايبر السوفت الناعم تضمن لك راحة ل رقبتك وظهرك\u003c\/li\u003e\n\u003cli\u003eالأبعاد مناسبة جدا، هتقدر تتحرك بيها في السفر و الرحلات لانها سهلة الضغط\u003c\/li\u003e\n\u003cli\u003eمحتوى العبوة: 6×مخدة\u003c\/li\u003e\n\u003cli\u003eالوزن : 5000جرام تقريباً\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"fiber-cta\"\u003e\n\u003cp\u003eاختيارك المثالي للراحة في المنزل والسفر!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 bluff ","offers":[{"title":"Default Title","offer_id":45748014809287,"sku":"1762449034690cd68aad4ce","price":1299.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/121as.jpg?v=1770122664"},{"product_id":"2xpillow-soft","title":"عرض 2 مخدة سوفت","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        \/* 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 for Fiber Pillow Product *\/\n        .fiber-pillow-container * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        .fiber-pillow-container {\n            font-family: 'Tajawal', sans-serif;\n            background: #ffffff;\n            padding: 20px;\n        }\n        \n        .fiber-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        .fiber-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        .fiber-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        .fiber-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        .fiber-subtitle {\n            font-size: 18px;\n            opacity: 0.9;\n        }\n        \n        .fiber-content {\n            padding: 30px;\n        }\n        \n        .fiber-intro {\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            text-align: right;\n            line-height: 2;\n            opacity: 0;\n            animation: flipIn 0.8s forwards;\n            font-size: 17px;\n        }\n        \n        .fiber-intro strong {\n            display: block;\n            color: #2980b9;\n            font-size: 20px;\n            margin-bottom: 15px;\n        }\n        \n        .fiber-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        .fiber-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        .fiber-specs {\n            list-style: none;\n            padding: 0;\n            margin-bottom: 30px;\n        }\n        \n        .fiber-specs 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            display: flex;\n            align-items: center;\n            font-size: 18px;\n            line-height: 1.8;\n        }\n        \n        .fiber-specs li:nth-child(1) { animation-delay: 0.1s; }\n        .fiber-specs li:nth-child(2) { animation-delay: 0.2s; }\n        .fiber-specs li:nth-child(3) { animation-delay: 0.3s; }\n        .fiber-specs li:nth-child(4) { animation-delay: 0.4s; }\n        .fiber-specs li:nth-child(5) { animation-delay: 0.5s; }\n        \n        .fiber-specs li::before {\n            content: \"\";\n            display: inline-block;\n            width: 40px;\n            height: 40px;\n            background: linear-gradient(135deg, #3498db, #2ecc71);\n            border-radius: 50%;\n            margin-left: 20px;\n            margin-right: 15px;\n            color: white;\n            text-align: center;\n            line-height: 40px;\n            font-size: 18px;\n            animation: float 3s ease-in-out infinite;\n            flex-shrink: 0;\n        }\n        \n        .fiber-specs li:nth-child(1)::before { content: \"📏\"; }\n        .fiber-specs li:nth-child(2)::before { content: \"🛡️\"; }\n        .fiber-specs li:nth-child(3)::before { content: \"✈️\"; }\n        .fiber-specs li:nth-child(4)::before { content: \"📦\"; }\n        .fiber-specs li:nth-child(5)::before { content: \"⚖️\"; }\n        \n        .fiber-specs 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        .fiber-cta {\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: center;\n            margin-top: 30px;\n            opacity: 0;\n            animation: flipIn 0.8s forwards;\n            animation-delay: 0.6s;\n        }\n        \n        .fiber-cta p {\n            color: #2980b9;\n            font-size: 20px;\n            font-weight: 700;\n            background: linear-gradient(to left, #3498db, #2ecc71);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            text-shadow: none;\n        }\n        \n        @media (max-width: 768px) {\n            .fiber-title {\n                font-size: 24px;\n            }\n            \n            .fiber-content {\n                padding: 20px;\n            }\n            \n            .fiber-specs li {\n                font-size: 16px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"fiber-pillow-container\"\u003e\n\u003cdiv class=\"fiber-wrapper\"\u003e\n\u003cdiv class=\"fiber-header\"\u003e\n\u003ch1 class=\"fiber-title\"\u003eمخدة فندقية فاخرة\u003c\/h1\u003e\n\u003cp class=\"fiber-subtitle\"\u003eراحة فائقة لنوم هانئ\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fiber-content\"\u003e\n\u003cdiv class=\"fiber-intro\"\u003e\n\u003cstrong\u003eمخدة سوفت ناعم لراحة مثالية في كل وقت\u003c\/strong\u003e\n\u003cp\u003eخامة ناعمه جداً تضمن لك راحة ل رقبتك وظهرك. الأبعاد مناسبة جدا، هتقدر تتحرك بيها في السفر و الرحلات لانها سهلة الضغط.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"fiber-section-title\"\u003eالمواصفات\u003c\/h2\u003e\n\u003cul class=\"fiber-specs\"\u003e\n\u003cli\u003eالابعاد :- 50×70 سم\u003c\/li\u003e\n\u003cli\u003eالخامة من الفايبر السوفت الناعم تضمن لك راحة ل رقبتك وظهرك\u003c\/li\u003e\n\u003cli\u003eالأبعاد مناسبة جدا، هتقدر تتحرك بيها في السفر و الرحلات لانها سهلة الضغط\u003c\/li\u003e\n\u003cli\u003eمحتوى العبوة: 2×مخدة\u003c\/li\u003e\n\u003cli\u003eالوزن : ١٩٥٠-٢٠٥٠ جرام تقريباً\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"fiber-cta\"\u003e\n\u003cp\u003eاختيارك المثالي للراحة في المنزل والسفر!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 bluff ","offers":[{"title":"Default Title","offer_id":45748018413767,"sku":"175537885168a0f4a3b30b1","price":500.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/fluffofferscopy2.jpg?v=1770122602"},{"product_id":"عرض-مرتبة-تطرية-واقي-مرتبة-2-مخدة-هدية","title":"عرض مرتبة تطرية + واقي مرتبة + 2 مخدة هدية","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\u003cdiv class=\"feature-desc\"\u003e\n\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\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: #f0f8ff;\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\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-desc\"\u003e\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\u003cdiv class=\"mattress-content\"\u003e\n\u003cp class=\"mattress-description\"\u003eغطاء كامل ناعم ومتين بيحافظ على مرتبتك الغالية من الأتربة، السوائل، البقع، والتآكل اليومي. الكفر ضد المياه 100%، ومصنوع من خامة بو عالية الجودة، بتديك إحساس بالراحة والبرودة طول الليل، من غير ما يغيّر ملمس المرتبة أو يحسسك إنك نايم على طبقة إضافية.\u003c\/p\u003e\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\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 \u003cspan class=\"mattress-policy-item\"\u003e🛡️ ضمان لمدة 3 سنوات\u003c\/span\u003e \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\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 bluff ","offers":[{"title":"120*200","offer_id":45748050526407,"sku":"1762450127690cdacf22bef","price":1499.0,"currency_code":"EGP","in_stock":true},{"title":"160*200","offer_id":45748050559175,"sku":"1762450127690cdacf22bef","price":1615.0,"currency_code":"EGP","in_stock":true},{"title":"180*200","offer_id":45748050591943,"sku":"1762450127690cdacf22bef","price":1699.0,"currency_code":"EGP","in_stock":true},{"title":"200*200","offer_id":45748050624711,"sku":"1762450127690cdacf22bef","price":1789.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/121.jpg?v=1769727401"},{"product_id":"2xfeather","title":"عرض 2 مخدة بديل ريش","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        \/* 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 for Pillow Product *\/\n        .pillow-product-container * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        .pillow-product-container {\n            font-family: 'Tajawal', sans-serif;\n            background: #ffffff;\n            padding: 20px;\n        }\n        \n        .pillow-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        .pillow-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        .pillow-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        .pillow-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        .pillow-subtitle {\n            font-size: 18px;\n            opacity: 0.9;\n        }\n        \n        .pillow-content {\n            padding: 30px;\n        }\n        \n        .pillow-intro {\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            text-align: right;\n            line-height: 1.8;\n            opacity: 0;\n            animation: flipIn 0.8s forwards;\n        }\n        \n        .pillow-intro strong {\n            display: block;\n            color: #2980b9;\n            font-size: 20px;\n            margin-bottom: 15px;\n        }\n        \n        .pillow-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        .pillow-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        .pillow-specs {\n            list-style: none;\n            padding: 0;\n            margin-bottom: 30px;\n        }\n        \n        .pillow-specs 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            display: flex;\n            align-items: center;\n        }\n        \n        .pillow-specs li:nth-child(1) { animation-delay: 0.1s; }\n        .pillow-specs li:nth-child(2) { animation-delay: 0.2s; }\n        .pillow-specs li:nth-child(3) { animation-delay: 0.3s; }\n        .pillow-specs li:nth-child(4) { animation-delay: 0.4s; }\n        .pillow-specs li:nth-child(5) { animation-delay: 0.5s; }\n        \n        .pillow-specs li::before {\n            content: \"\";\n            display: inline-block;\n            width: 40px;\n            height: 40px;\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: 40px;\n            font-size: 18px;\n            animation: float 3s ease-in-out infinite;\n            flex-shrink: 0;\n        }\n        \n        .pillow-specs li:nth-child(1)::before { content: \"📏\"; }\n        .pillow-specs li:nth-child(2)::before { content: \"🪶\"; }\n        .pillow-specs li:nth-child(3)::before { content: \"🧵\"; }\n        .pillow-specs li:nth-child(4)::before { content: \"💤\"; }\n        .pillow-specs li:nth-child(5)::before { content: \"👨👩👧👦\"; }\n        \n        .pillow-specs 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        .pillow-cta {\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: center;\n            margin-top: 30px;\n            opacity: 0;\n            animation: flipIn 0.8s forwards;\n            animation-delay: 0.6s;\n        }\n        \n        .pillow-cta p {\n            color: #2980b9;\n            font-size: 20px;\n            font-weight: 700;\n            background: linear-gradient(to left, #3498db, #2ecc71);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            text-shadow: none;\n        }\n        \n        @media (max-width: 768px) {\n            .pillow-title {\n                font-size: 24px;\n            }\n            \n            .pillow-content {\n                padding: 20px;\n            }\n            \n            .pillow-specs li {\n                font-size: 14px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"pillow-product-container\"\u003e\n\u003cdiv class=\"pillow-wrapper\"\u003e\n\u003cdiv class=\"pillow-header\"\u003e\n\u003ch1 class=\"pillow-title\"\u003eالمخدة بديل الريش من فلاف بلاف\u003c\/h1\u003e\n\u003cp class=\"pillow-subtitle\"\u003eرفاهية الفنادق الخمس نجوم في منزلك\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pillow-content\"\u003e\n\u003cdiv class=\"pillow-intro\"\u003e\n\u003cstrong\u003eاستمتع بنوم هادئ مع المخدة الفندقية من فلاف بلاف\u003c\/strong\u003e\n\u003cp\u003eراحة مثالية ودعم متوازن للرأس والرقبة، علشان تصحى كل يوم منتعش وجاهز تبدأ يومك. المخدة الفندقية المستوردة من فلاف بلاف هي الإضافة الفاخرة اللي تستحقها كل غرفة نوم.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"pillow-section-title\"\u003eالمواصفات\u003c\/h2\u003e\n\u003cul class=\"pillow-specs\"\u003e\n\u003cli\u003eالمقاس: 50 × 70 سم\u003c\/li\u003e\n\u003cli\u003eالحشو: بديل كوري عالي الجودة للريش الطبيعي\u003c\/li\u003e\n\u003cli\u003eالقماش: 300 خيط (TC 300) من القطن الناعم\u003c\/li\u003e\n\u003cli\u003eتمنحك نفس شعور الريش بدون أي حساسية\u003c\/li\u003e\n\u003cli\u003eمناسبة للكبار والأطفال\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"pillow-cta\"\u003e\n\u003cp\u003eاختيارك للمخدة دي مش رفاهية… ده استثمار في راحتك.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 bluff ","offers":[{"title":"Default Title","offer_id":45748073988295,"sku":"1762450558690cdc7ed451b","price":1199.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/a760359e-b724-4547-859f-24c240b623ff.jpg?v=1771473799"},{"product_id":"4xfeather","title":"عرض 3 مخدة بديل ريش+ مخدة هدية","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        \/* 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 for Pillow Product *\/\n        .pillow-product-container * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        .pillow-product-container {\n            font-family: 'Tajawal', sans-serif;\n            background: #ffffff;\n            padding: 20px;\n        }\n        \n        .pillow-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        .pillow-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        .pillow-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        .pillow-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        .pillow-subtitle {\n            font-size: 18px;\n            opacity: 0.9;\n        }\n        \n        .pillow-content {\n            padding: 30px;\n        }\n        \n        .pillow-intro {\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            text-align: right;\n            line-height: 1.8;\n            opacity: 0;\n            animation: flipIn 0.8s forwards;\n        }\n        \n        .pillow-intro strong {\n            display: block;\n            color: #2980b9;\n            font-size: 20px;\n            margin-bottom: 15px;\n        }\n        \n        .pillow-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        .pillow-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        .pillow-specs {\n            list-style: none;\n            padding: 0;\n            margin-bottom: 30px;\n        }\n        \n        .pillow-specs 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            display: flex;\n            align-items: center;\n        }\n        \n        .pillow-specs li:nth-child(1) { animation-delay: 0.1s; }\n        .pillow-specs li:nth-child(2) { animation-delay: 0.2s; }\n        .pillow-specs li:nth-child(3) { animation-delay: 0.3s; }\n        .pillow-specs li:nth-child(4) { animation-delay: 0.4s; }\n        .pillow-specs li:nth-child(5) { animation-delay: 0.5s; }\n        \n        .pillow-specs li::before {\n            content: \"\";\n            display: inline-block;\n            width: 40px;\n            height: 40px;\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: 40px;\n            font-size: 18px;\n            animation: float 3s ease-in-out infinite;\n            flex-shrink: 0;\n        }\n        \n        .pillow-specs li:nth-child(1)::before { content: \"📏\"; }\n        .pillow-specs li:nth-child(2)::before { content: \"🪶\"; }\n        .pillow-specs li:nth-child(3)::before { content: \"🧵\"; }\n        .pillow-specs li:nth-child(4)::before { content: \"💤\"; }\n        .pillow-specs li:nth-child(5)::before { content: \"👨👩👧👦\"; }\n        \n        .pillow-specs 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        .pillow-cta {\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: center;\n            margin-top: 30px;\n            opacity: 0;\n            animation: flipIn 0.8s forwards;\n            animation-delay: 0.6s;\n        }\n        \n        .pillow-cta p {\n            color: #2980b9;\n            font-size: 20px;\n            font-weight: 700;\n            background: linear-gradient(to left, #3498db, #2ecc71);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            text-shadow: none;\n        }\n        \n        @media (max-width: 768px) {\n            .pillow-title {\n                font-size: 24px;\n            }\n            \n            .pillow-content {\n                padding: 20px;\n            }\n            \n            .pillow-specs li {\n                font-size: 14px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"pillow-product-container\"\u003e\n\u003cdiv class=\"pillow-wrapper\"\u003e\n\u003cdiv class=\"pillow-header\"\u003e\n\u003ch1 class=\"pillow-title\"\u003eالمخدة بديل الريش من فلاف بلاف\u003c\/h1\u003e\n\u003cp class=\"pillow-subtitle\"\u003eرفاهية الفنادق الخمس نجوم في منزلك\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pillow-content\"\u003e\n\u003cdiv class=\"pillow-intro\"\u003e\n\u003cstrong\u003eاستمتع بنوم هادئ مع المخدة الفندقية من فلاف بلاف\u003c\/strong\u003e\n\u003cp\u003eراحة مثالية ودعم متوازن للرأس والرقبة، علشان تصحى كل يوم منتعش وجاهز تبدأ يومك. المخدة الفندقية المستوردة من فلاف بلاف هي الإضافة الفاخرة اللي تستحقها كل غرفة نوم.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"pillow-section-title\"\u003eالمواصفات\u003c\/h2\u003e\n\u003cul class=\"pillow-specs\"\u003e\n\u003cli\u003eالمقاس: 50 × 70 سم\u003c\/li\u003e\n\u003cli\u003eالحشو: بديل كوري عالي الجودة للريش الطبيعي\u003c\/li\u003e\n\u003cli\u003eالقماش: 300 خيط (TC 300) من القطن الناعم\u003c\/li\u003e\n\u003cli\u003eتمنحك نفس شعور الريش بدون أي حساسية\u003c\/li\u003e\n\u003cli\u003eمناسبة للكبار والأطفال\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"pillow-cta\"\u003e\n\u003cp\u003eاختيارك للمخدة دي مش رفاهية… ده استثمار في راحتك.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 bluff ","offers":[{"title":"Default Title","offer_id":45748091814087,"sku":"1762450883690cddc3ecf75","price":1899.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/63ce5c3d-95b0-4226-a0f3-bf95684849c3.jpg?v=1771473762"}],"url":"https:\/\/fluffpuff.store\/collections\/pillows-1.oembed?page=2","provider":"Fluff \u0026 bluff ","version":"1.0","type":"link"}