{"title":"عروض الميموري فوم","description":null,"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":"مخدة-جيل-ميموري-فوم","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 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 .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 .description-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 .description-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 .description-text {\n color: #34495e;\n line-height: 1.8;\n font-size: 17px;\n font-weight: 500;\n margin-bottom: 15px;\n }\n \n .sleep-positions {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n margin-bottom: 40px;\n }\n \n .position-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 text-align: center;\n }\n \n .position-card:nth-child(1) { animation-delay: 0.2s; }\n .position-card:nth-child(2) { animation-delay: 0.4s; }\n .position-card:nth-child(3) { animation-delay: 0.6s; }\n \n .position-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 .position-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 .position-card:hover::before {\n transform: scaleX(1);\n transform-origin: left;\n }\n \n .position-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin: 0 auto 15px;\n color: white;\n font-size: 24px;\n animation: float 3s ease-in-out infinite;\n }\n \n .position-name {\n font-size: 18px;\n font-weight: 700;\n color: #34495e;\n margin-bottom: 8px;\n }\n \n .position-desc {\n font-size: 14px;\n color: #7f8c8d;\n line-height: 1.4;\n }\n \n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 20px;\n margin-bottom: 40px;\n }\n \n .benefit-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 .benefit-card:nth-child(1) { animation-delay: 0.8s; }\n .benefit-card:nth-child(2) { animation-delay: 1.0s; }\n .benefit-card:nth-child(3) { animation-delay: 1.2s; }\n \n .benefit-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 .benefit-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 .benefit-card:hover::before {\n transform: scaleX(1);\n transform-origin: left;\n }\n \n .benefit-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 .benefit-title {\n font-size: 18px;\n font-weight: 700;\n color: #34495e;\n margin-bottom: 12px;\n }\n \n .benefit-desc {\n color: #7f8c8d;\n line-height: 1.6;\n font-size: 15px;\n }\n \n .material-highlight {\n background: linear-gradient(135deg, #f8fdff 0%, #e8f4fd 100%);\n border-radius: 15px;\n padding: 25px;\n margin-bottom: 30px;\n position: relative;\n overflow: hidden;\n border: 2px solid #3498db;\n }\n \n .material-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(52, 152, 219, 0.1), transparent);\n animation: shine 3s linear infinite;\n }\n \n .material-title {\n color: #2980b9;\n font-size: 20px;\n font-weight: 700;\n margin-bottom: 15px;\n text-align: center;\n }\n \n .material-desc {\n color: #34495e;\n line-height: 1.8;\n font-size: 16px;\n text-align: center;\n font-weight: 500;\n }\n \n @media (max-width: 768px) {\n .sleep-positions {\n grid-template-columns: 1fr;\n }\n \n .benefits-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 .description-text {\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=\"description-card\"\u003e\n\u003cp class=\"description-text\"\u003eمخدة ميموري فوم مصممة خصيصًا لدعم الرقبة والكتف، مما يجعلها مثالية لمن ينامون على الظهر أو الجنب أو المعدة.\u003c\/p\u003e\n\u003cp class=\"description-text\"\u003eتوفر هذه الوسادة راحة استثنائية وتساعد في تخفيف آلام الرقبة خلال النوم، مما يسهم في تحسين جودة نومك ويساعدك على النوم بشكل أسرع وأعمق.\u003c\/p\u003e\n\u003cp class=\"description-text\"\u003eتأتي المخدة مع كيس وسادة قابل للغسل لسهولة الحفاظ على نظافتها.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eمناسبة لجميع أوضاع النوم\u003c\/h2\u003e\n\u003cdiv class=\"sleep-positions\"\u003e\n\u003cdiv class=\"position-card\"\u003e\n\u003cdiv class=\"position-icon\"\u003e🛏️\u003c\/div\u003e\n\u003cdiv class=\"position-name\"\u003eالنوم على الظهر\u003c\/div\u003e\n\u003cdiv class=\"position-desc\"\u003eدعم مثالي لانحناءة الرقبة الطبيعية\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"position-card\"\u003e\n\u003cdiv class=\"position-icon\"\u003e😴\u003c\/div\u003e\n\u003cdiv class=\"position-name\"\u003eالنوم على الجنب\u003c\/div\u003e\n\u003cdiv class=\"position-desc\"\u003eيحافظ على استقامة العمود الفقري\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"position-card\"\u003e\n\u003cdiv class=\"position-icon\"\u003e💤\u003c\/div\u003e\n\u003cdiv class=\"position-name\"\u003eالنوم على المعدة\u003c\/div\u003e\n\u003cdiv class=\"position-desc\"\u003eيقلل الضغط على الرقبة والكتفين\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eالفوائد والمميزات\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💆\u003c\/div\u003e\n\u003cdiv class=\"benefit-title\"\u003eراحة استثنائية\u003c\/div\u003e\n\u003cdiv class=\"benefit-desc\"\u003eتوفر دعماً مثالياً للرقبة والكتف مع راحة فائقة طوال الليل\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n\u003cdiv class=\"benefit-title\"\u003eتخفيف آلام الرقبة\u003c\/div\u003e\n\u003cdiv class=\"benefit-desc\"\u003eتساعد في تقليل التوتر والآلام في منطقة الرقبة والكتفين\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🧽\u003c\/div\u003e\n\u003cdiv class=\"benefit-title\"\u003eسهولة التنظيف\u003c\/div\u003e\n\u003cdiv class=\"benefit-desc\"\u003eتأتي مع كيس وسادة قابل للغسل للحفاظ على النظافة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"material-highlight\"\u003e\n\u003ch3 class=\"material-title\"\u003eالخامة والتصميم\u003c\/h3\u003e\n\u003cp class=\"material-desc\"\u003e\u003cstrong\u003eميموري فوم عالي الجودة\u003c\/strong\u003e - تصميم يساهم في توزيع الضغط بشكل متساوٍ لتوفير الراحة المثلى\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 bluff ","offers":[{"title":"100 cm","offer_id":45540113940679,"sku":null,"price":1900.0,"currency_code":"EGP","in_stock":true},{"title":"120 cm","offer_id":45540113973447,"sku":null,"price":2150.0,"currency_code":"EGP","in_stock":true},{"title":"140 cm","offer_id":45540114006215,"sku":null,"price":2420.0,"currency_code":"EGP","in_stock":true},{"title":"150 cm","offer_id":45540114038983,"sku":null,"price":2550.0,"currency_code":"EGP","in_stock":true},{"title":"160 cm","offer_id":45540114071751,"sku":null,"price":2805.0,"currency_code":"EGP","in_stock":true},{"title":"170 cm","offer_id":45540114104519,"sku":null,"price":2910.0,"currency_code":"EGP","in_stock":true},{"title":"180 cm","offer_id":45540114137287,"sku":null,"price":3090.0,"currency_code":"EGP","in_stock":true},{"title":"200 cm","offer_id":45540114170055,"sku":null,"price":3405.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/DSC01373.webp?v=1757853464"},{"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 .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: 18px;\n font-weight: 500;\n text-align: center;\n }\n \n .usage-scenarios {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n margin-bottom: 40px;\n }\n \n .usage-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 text-align: center;\n }\n \n .usage-card:nth-child(1) { animation-delay: 0.2s; }\n .usage-card:nth-child(2) { animation-delay: 0.4s; }\n .usage-card:nth-child(3) { animation-delay: 0.6s; }\n \n .usage-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 .usage-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 .usage-card:hover::before {\n transform: scaleX(1);\n transform-origin: left;\n }\n \n .usage-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin: 0 auto 15px;\n color: white;\n font-size: 24px;\n animation: float 3s ease-in-out infinite;\n }\n \n .usage-name {\n font-size: 18px;\n font-weight: 700;\n color: #34495e;\n }\n \n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 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.8s; }\n .feature-card:nth-child(2) { animation-delay: 1.0s; }\n .feature-card:nth-child(3) { animation-delay: 1.2s; }\n .feature-card:nth-child(4) { animation-delay: 1.4s; }\n .feature-card:nth-child(5) { animation-delay: 1.6s; }\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 .experience-section {\n background: linear-gradient(135deg, #f8fdff 0%, #e8f4fd 100%);\n border-radius: 15px;\n padding: 30px;\n margin-top: 40px;\n position: relative;\n overflow: hidden;\n border: 2px solid #3498db;\n }\n \n .experience-section::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(52, 152, 219, 0.1), transparent);\n animation: shine 3s linear infinite;\n }\n \n .experience-title {\n color: #2980b9;\n font-size: 24px;\n font-weight: 700;\n margin-bottom: 20px;\n text-align: center;\n }\n \n .experience-desc {\n color: #34495e;\n line-height: 1.8;\n font-size: 17px;\n font-weight: 500;\n text-align: center;\n }\n \n @media (max-width: 768px) {\n .usage-scenarios {\n grid-template-columns: 1fr;\n }\n \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 .intro-text {\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=\"intro-card\"\u003e\n\u003cp class=\"intro-text\"\u003eاجلس براحة غير مسبوقة مع مخدة الكرسي المصنوعة من الميموري فوم، المصممة خصيصًا لتوفير دعم مثالي للظهر والعظام أثناء الجلوس الطويل في المكتب أو المنزل أو السيارة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eمناسبة لجميع الاستخدامات\u003c\/h2\u003e\n\u003cdiv class=\"usage-scenarios\"\u003e\n\u003cdiv class=\"usage-card\"\u003e\n\u003cdiv class=\"usage-icon\"\u003e🏢\u003c\/div\u003e\n\u003cdiv class=\"usage-name\"\u003eالمكتب\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-card\"\u003e\n\u003cdiv class=\"usage-icon\"\u003e🏠\u003c\/div\u003e\n\u003cdiv class=\"usage-name\"\u003eالمنزل\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-card\"\u003e\n\u003cdiv class=\"usage-icon\"\u003e🚗\u003c\/div\u003e\n\u003cdiv class=\"usage-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=\"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\u003c\/div\u003e\n\u003cdiv class=\"experience-section\"\u003e\n\u003ch3 class=\"experience-title\"\u003eتجربة ما بعد الشراء\u003c\/h3\u003e\n\u003cp class=\"experience-desc\"\u003eبمجرد استخدامها، ستلاحظ الفرق في استقامة ظهرك وانخفاض التوتر الجسدي بعد ساعات الجلوس الطويل. ستصبح جزءاً أساسياً من يومك، سواء في العمل أو أثناء السفر.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 bluff ","offers":[{"title":"Default Title","offer_id":45540121280711,"sku":"176055697268eff7ac7bceb","price":699.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/54B0B10C-4423-4E29-AE99-E8EABF7C60E9.jpg?v=1757853676"},{"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(320px, 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 .feature-card:nth-child(5) { animation-delay: 1.0s; }\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 .body-areas {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 15px;\n margin: 20px 0;\n }\n \n .body-area {\n background: linear-gradient(135deg, #e8f6ff 0%, #d1f2ff 100%);\n border-radius: 10px;\n padding: 15px;\n text-align: center;\n font-size: 14px;\n font-weight: 600;\n color: #2980b9;\n border: 2px solid #3498db;\n opacity: 0;\n transform: scale(0.9);\n animation: fadeUp 0.5s forwards;\n }\n \n .body-area:nth-child(1) { animation-delay: 0.3s; }\n .body-area:nth-child(2) { animation-delay: 0.4s; }\n .body-area:nth-child(3) { animation-delay: 0.5s; }\n \n .why-need-section {\n background: linear-gradient(135deg, #f8fdff 0%, #e8f4fd 100%);\n border-radius: 15px;\n padding: 30px;\n margin-top: 40px;\n position: relative;\n overflow: hidden;\n border: 2px solid #3498db;\n }\n \n .why-need-section::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(52, 152, 219, 0.1), transparent);\n animation: shine 3s linear infinite;\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 .smart-choice {\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 margin-top: 20px;\n position: relative;\n overflow: hidden;\n }\n \n .smart-choice::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 .body-areas {\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يأخذ شكل الجسم بدقة، ويوزّع الوزن بالتساوي لتخفيف الضغط على مناطق:\n\u003cdiv class=\"body-areas\"\u003e\n\u003cdiv class=\"body-area\"\u003eالكتف\u003c\/div\u003e\n\u003cdiv class=\"body-area\"\u003eالظهر\u003c\/div\u003e\n\u003cdiv class=\"body-area\"\u003eالورك\u003c\/div\u003e\n\u003c\/div\u003e\n\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\u003cdiv class=\"why-need-section\"\u003e\n\u003ch2 class=\"why-title\"\u003eلماذا تحتاجها؟\u003c\/h2\u003e\n\u003cp class=\"why-content\"\u003eإذا كانت مرتبتك الحالية لا تقدم الراحة الكافية، فمرتبة التطرية ميموري فوم هي الحل الأمثل لتحسين نومك دون تغيير المرتبة كاملة.\u003c\/p\u003e\n\u003cdiv class=\"smart-choice\"\u003eاختيار ذكي لمن يهتم بصحته وجودة راحته! 🌟\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 bluff ","offers":[{"title":"200 x 100","offer_id":45543955955911,"sku":"176055917868f0004ae7181","price":3450.0,"currency_code":"EGP","in_stock":true},{"title":"200 x 110","offer_id":45543622246599,"sku":"176055917868f0004ae7181","price":3520.0,"currency_code":"EGP","in_stock":true},{"title":"200 x 120","offer_id":45543622279367,"sku":"176055917868f0004ae7181","price":3840.0,"currency_code":"EGP","in_stock":true},{"title":"200 x 130","offer_id":45543622312135,"sku":"176055917868f0004ae7181","price":4160.0,"currency_code":"EGP","in_stock":true},{"title":"200 x 140","offer_id":45543622344903,"sku":"176055917868f0004ae7181","price":4480.0,"currency_code":"EGP","in_stock":true},{"title":"200 x 150","offer_id":45543622377671,"sku":"176055917868f0004ae7181","price":4800.0,"currency_code":"EGP","in_stock":true},{"title":"200 x 160","offer_id":45543622410439,"sku":"176055917868f0004ae7181","price":5120.0,"currency_code":"EGP","in_stock":true},{"title":"200 x 170","offer_id":45543622443207,"sku":"176055917868f0004ae7181","price":5540.0,"currency_code":"EGP","in_stock":true},{"title":"200 x 180","offer_id":45543622475975,"sku":"176055917868f0004ae7181","price":5760.0,"currency_code":"EGP","in_stock":true},{"title":"200 x 190","offer_id":45543622508743,"sku":"176055917868f0004ae7181","price":6080.0,"currency_code":"EGP","in_stock":true},{"title":"200 x 200","offer_id":45543622541511,"sku":"176055917868f0004ae7181","price":6400.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/4_2_1.webp?v=1757933815"}],"url":"https:\/\/fluffpuff.store\/collections\/%d8%b9%d8%b1%d9%88%d8%b6-%d8%a7%d9%84%d9%85%d9%8a%d9%85%d9%88%d8%b1%d9%8a-%d9%81%d9%88%d9%85.oembed","provider":"Fluff \u0026 bluff ","version":"1.0","type":"link"}