{"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":1400.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/penguin-group-pillows-contour-memory-foam-pillow-39840333136131.webp?v=1748445490"},{"product_id":"قطعتين-مخدة-سوفت","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":"طقم السرير | 2 مخدة","offer_id":45292883673287,"sku":"175534565868a072fa577c6","price":549.0,"currency_code":"EGP","in_stock":true},{"title":"السرير الفندقي | 3 + 1 هدية","offer_id":47140960698567,"sku":"SOFT-PILLOW-4","price":899.0,"currency_code":"EGP","in_stock":true},{"title":"البيت الفندقي | 4 + 2 هدية","offer_id":47140960731335,"sku":"SOFT-PILLOW-6","price":1199.0,"currency_code":"EGP","in_stock":true},{"title":"مخدة واحدة","offer_id":47140960764103,"sku":"SOFT-PILLOW-1","price":299.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":2699.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":710.0,"currency_code":"EGP","in_stock":false},{"title":"كحلي","offer_id":45541501665479,"sku":"176055744168eff98104f72","price":710.0,"currency_code":"EGP","in_stock":true},{"title":"اسود","offer_id":45541501698247,"sku":"176055744168eff98104f72","price":710.0,"currency_code":"EGP","in_stock":true},{"title":"رصاصي","offer_id":67987718242503,"sku":null,"price":710.0,"currency_code":"EGP","in_stock":true},{"title":"بني","offer_id":67987718275271,"sku":null,"price":710.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"}],"url":"https:\/\/www.fluffbluff.shop\/collections\/pillows-1.oembed","provider":"Fluff \u0026 bluff ","version":"1.0","type":"link"}