{"title":"كل المنتجات","description":"","products":[{"product_id":"مرتبة-أرضية-قابله-للطي-تصميم-دوتس","title":"مرتبة أرضية قابله للطي ( تصميم دوتس )","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n \n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n \n @keyframes flipIn {\n 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n \n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n }\n \n .product-container {\n max-width: 900px;\n margin: 20px auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n padding: 0;\n position: relative;\n }\n \n .header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n left: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .product-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n transform-origin: center;\n animation: bounce 5s ease infinite;\n }\n \n .product-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .content {\n padding: 30px;\n }\n \n .section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n }\n \n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n transition: width 0.5s ease;\n animation: grow 1s forwards;\n }\n \n @keyframes grow {\n to { width: 100%; }\n }\n \n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 40px;\n }\n \n .feature-card {\n background: white;\n border-radius: 10px;\n padding: 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-bottom: 3px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n }\n \n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .feature-card:nth-child(1) { animation-delay: 0.1s; }\n .feature-card:nth-child(2) { animation-delay: 0.2s; }\n .feature-card:nth-child(3) { animation-delay: 0.3s; }\n .feature-card:nth-child(4) { animation-delay: 0.4s; }\n .feature-card:nth-child(5) { animation-delay: 0.5s; }\n \n .feature-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(to right, #3498db, #2ecc71);\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.5s ease;\n }\n \n .feature-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-bottom-color: #3498db;\n }\n \n .feature-card:hover::before {\n transform: scaleX(1);\n transform-origin: left;\n }\n \n .feature-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-bottom: 15px;\n color: white;\n font-size: 20px;\n animation: float 3s ease-in-out infinite;\n }\n \n .feature-title {\n font-size: 18px;\n font-weight: 700;\n color: #34495e;\n margin-bottom: 10px;\n }\n \n .feature-desc {\n color: #7f8c8d;\n line-height: 1.6;\n }\n \n .specs-table-container {\n margin-top: 30px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n overflow: hidden;\n background: white;\n }\n \n .specs-table th {\n background: linear-gradient(to left, #3498db, #2980b9);\n color: white;\n padding: 15px;\n text-align: right;\n font-weight: 500;\n }\n \n .specs-table tr {\n opacity: 0;\n animation: flipIn 0.5s forwards;\n }\n \n .specs-table tr:nth-child(1) { animation-delay: 0.1s; }\n .specs-table tr:nth-child(2) { animation-delay: 0.2s; }\n .specs-table tr:nth-child(3) { animation-delay: 0.3s; }\n .specs-table tr:nth-child(4) { animation-delay: 0.4s; }\n .specs-table tr:nth-child(5) { animation-delay: 0.5s; }\n \n .specs-table td {\n padding: 15px;\n border-bottom: 1px solid #ecf0f1;\n transition: all 0.3s ease;\n }\n \n .specs-table tr:last-child td {\n border-bottom: none;\n }\n \n .specs-table tr:hover td {\n background-color: #f8fdff;\n transform: translateX(-5px);\n }\n \n .specs-table tr:nth-child(even) {\n background-color: #f9fcff;\n }\n \n .label {\n font-weight: 500;\n color: #2c3e50;\n }\n \n .value {\n color: #3498db;\n }\n \n @media (max-width: 768px) {\n .features-grid {\n grid-template-columns: 1fr;\n }\n \n .product-title {\n font-size: 24px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eاستمتع بأقصى درجات الراحة مع مرتبتنا متعددة الاستخدامات\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eتصميم عصري وراحة فائقة تناسب جميع احتياجاتك\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"section-title\"\u003eالمميزات الفريدة\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eتصميم مبتكر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eيمكن طي الوسادة العلوية لتكوين مسند رأس مريح مثالي للقراءة أو النوم\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧵\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eخامات عالية الجودة\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eقماش خارجي من مايكروفايبر ناعم وحشو فايبر يمنحانك راحة بدون تكتل\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🎨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eلون أنيق\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتصميم دوتس الانيق يضيف لمسة مميزة لديكور منزلك\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚖️\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eوزن متوازن\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eالوزن الكلي 4500 جرام لتحقيق توازن بين الراحة والمتانة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧳\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eمثالية للسفر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتصميم قابل للربط لسهولة الحمل والتنقل أثناء السفر والتجمعات العائلية\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eالمواصفات التفصيلية\u003c\/h2\u003e\n\u003cdiv class=\"specs-table-container\"\u003e\n\u003ctable class=\"specs-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eالمواصفات\u003c\/th\u003e\n\u003cth\u003eالتفاصيل\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالوزن الإجمالي\u003c\/td\u003e\n\u003ctd class=\"value\"\u003e4500 جرام\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالمادة الخارجية\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eمايكروفايبر ناعم\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالحشو\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eألياف فايبر مريحة\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eاللون\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eتصميم دوتس\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالاستخدامات\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eالنوم، القراءة، السفر، التجمعات العائلية\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 Puff ","offers":[{"title":"Default Title","offer_id":44937938206919,"sku":"175535190368a08b5f07884","price":1299.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/1_e9ea29de-8728-42d2-a1fd-3eac4dc638df.webp?v=1745015523"},{"product_id":"مرتبة-أرضية-قابلة-للطي-تصميم-سترايبس-ريد-ديزاين","title":"مرتبة أرضية قابلة للطي ( تصميم سترايبس \u0026 ريد ديزاين)","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n \n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n \n @keyframes flipIn {\n 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n \n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n }\n \n .product-container {\n max-width: 900px;\n margin: 20px auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n padding: 0;\n position: relative;\n }\n \n .header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n left: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .product-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n transform-origin: center;\n animation: bounce 5s ease infinite;\n }\n \n .product-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .content {\n padding: 30px;\n }\n \n .section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n }\n \n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n transition: width 0.5s ease;\n animation: grow 1s forwards;\n }\n \n @keyframes grow {\n to { width: 100%; }\n }\n \n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 40px;\n }\n \n .feature-card {\n background: white;\n border-radius: 10px;\n padding: 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-bottom: 3px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n }\n \n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .feature-card:nth-child(1) { animation-delay: 0.1s; }\n .feature-card:nth-child(2) { animation-delay: 0.2s; }\n .feature-card:nth-child(3) { animation-delay: 0.3s; }\n .feature-card:nth-child(4) { animation-delay: 0.4s; }\n .feature-card:nth-child(5) { animation-delay: 0.5s; }\n \n .feature-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(to right, #3498db, #2ecc71);\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.5s ease;\n }\n \n .feature-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-bottom-color: #3498db;\n }\n \n .feature-card:hover::before {\n transform: scaleX(1);\n transform-origin: left;\n }\n \n .feature-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-bottom: 15px;\n color: white;\n font-size: 20px;\n animation: float 3s ease-in-out infinite;\n }\n \n .feature-title {\n font-size: 18px;\n font-weight: 700;\n color: #34495e;\n margin-bottom: 10px;\n }\n \n .feature-desc {\n color: #7f8c8d;\n line-height: 1.6;\n }\n \n .specs-table-container {\n margin-top: 30px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n overflow: hidden;\n background: white;\n }\n \n .specs-table th {\n background: linear-gradient(to left, #3498db, #2980b9);\n color: white;\n padding: 15px;\n text-align: right;\n font-weight: 500;\n }\n \n .specs-table tr {\n opacity: 0;\n animation: flipIn 0.5s forwards;\n }\n \n .specs-table tr:nth-child(1) { animation-delay: 0.1s; }\n .specs-table tr:nth-child(2) { animation-delay: 0.2s; }\n .specs-table tr:nth-child(3) { animation-delay: 0.3s; }\n .specs-table tr:nth-child(4) { animation-delay: 0.4s; }\n .specs-table tr:nth-child(5) { animation-delay: 0.5s; }\n \n .specs-table td {\n padding: 15px;\n border-bottom: 1px solid #ecf0f1;\n transition: all 0.3s ease;\n }\n \n .specs-table tr:last-child td {\n border-bottom: none;\n }\n \n .specs-table tr:hover td {\n background-color: #f8fdff;\n transform: translateX(-5px);\n }\n \n .specs-table tr:nth-child(even) {\n background-color: #f9fcff;\n }\n \n .label {\n font-weight: 500;\n color: #2c3e50;\n }\n \n .value {\n color: #3498db;\n }\n \n @media (max-width: 768px) {\n .features-grid {\n grid-template-columns: 1fr;\n }\n \n .product-title {\n font-size: 24px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eاستمتع بأقصى درجات الراحة مع مرتبتنا متعددة الاستخدامات\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eتصميم عصري وراحة فائقة تناسب جميع احتياجاتك\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"section-title\"\u003eالمميزات الفريدة\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eتصميم مبتكر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eيمكن طي الوسادة العلوية لتكوين مسند رأس مريح مثالي للقراءة أو النوم\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧵\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eخامات عالية الجودة\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eقماش خارجي من مايكروفايبر ناعم وحشو فايبر يمنحانك راحة بدون تكتل\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🎨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eلون أنيق\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتصميم سترايبس \u0026amp; ريد ديزاين الانيق يضيف لمسة مميزة لديكور منزلك\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚖️\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eوزن متوازن\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eالوزن الكلي 4500 جرام لتحقيق توازن بين الراحة والمتانة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧳\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eمثالية للسفر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتصميم قابل للربط لسهولة الحمل والتنقل أثناء السفر والتجمعات العائلية\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eالمواصفات التفصيلية\u003c\/h2\u003e\n\u003cdiv class=\"specs-table-container\"\u003e\n\u003ctable class=\"specs-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eالمواصفات\u003c\/th\u003e\n\u003cth\u003eالتفاصيل\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالوزن الإجمالي\u003c\/td\u003e\n\u003ctd class=\"value\"\u003e4500 جرام\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالمادة الخارجية\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eمايكروفايبر ناعم\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالحشو\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eألياف فايبر مريحة\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eاللون\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eتصميم سترايبس \u0026amp; ريد ديزاين\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالاستخدامات\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eالنوم، القراءة، السفر، التجمعات العائلية\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd class=\"label\"\u003eالمقاس\u003c\/td\u003e\n\u003ctd class=\"value\"\u003e230 × 90\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 Puff ","offers":[{"title":"Default Title","offer_id":44937960882375,"sku":"175973440368e36a8330d25","price":1299.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/1_ff068504-c9f7-43f7-a890-8c5abe025776.webp?v=1745015326"},{"product_id":"مرتبة-أرضية-قابلة-للطي-تصميم-الموتيفس","title":"مرتبة أرضية قابلة للطي ( تصميم الموتيفس)","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n \n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n \n @keyframes flipIn {\n 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n \n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n }\n \n .product-container {\n max-width: 900px;\n margin: 20px auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n padding: 0;\n position: relative;\n }\n \n .header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n left: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .product-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n transform-origin: center;\n animation: bounce 5s ease infinite;\n }\n \n .product-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .content {\n padding: 30px;\n }\n \n .section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n }\n \n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n transition: width 0.5s ease;\n animation: grow 1s forwards;\n }\n \n @keyframes grow {\n to { width: 100%; }\n }\n \n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 40px;\n }\n \n .feature-card {\n background: white;\n border-radius: 10px;\n padding: 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-bottom: 3px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n }\n \n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .feature-card:nth-child(1) { animation-delay: 0.1s; }\n .feature-card:nth-child(2) { animation-delay: 0.2s; }\n .feature-card:nth-child(3) { animation-delay: 0.3s; }\n .feature-card:nth-child(4) { animation-delay: 0.4s; }\n .feature-card:nth-child(5) { animation-delay: 0.5s; }\n \n .feature-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(to right, #3498db, #2ecc71);\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.5s ease;\n }\n \n .feature-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-bottom-color: #3498db;\n }\n \n .feature-card:hover::before {\n transform: scaleX(1);\n transform-origin: left;\n }\n \n .feature-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-bottom: 15px;\n color: white;\n font-size: 20px;\n animation: float 3s ease-in-out infinite;\n }\n \n .feature-title {\n font-size: 18px;\n font-weight: 700;\n color: #34495e;\n margin-bottom: 10px;\n }\n \n .feature-desc {\n color: #7f8c8d;\n line-height: 1.6;\n }\n \n .specs-table-container {\n margin-top: 30px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n overflow: hidden;\n background: white;\n }\n \n .specs-table th {\n background: linear-gradient(to left, #3498db, #2980b9);\n color: white;\n padding: 15px;\n text-align: right;\n font-weight: 500;\n }\n \n .specs-table tr {\n opacity: 0;\n animation: flipIn 0.5s forwards;\n }\n \n .specs-table tr:nth-child(1) { animation-delay: 0.1s; }\n .specs-table tr:nth-child(2) { animation-delay: 0.2s; }\n .specs-table tr:nth-child(3) { animation-delay: 0.3s; }\n .specs-table tr:nth-child(4) { animation-delay: 0.4s; }\n .specs-table tr:nth-child(5) { animation-delay: 0.5s; }\n \n .specs-table td {\n padding: 15px;\n border-bottom: 1px solid #ecf0f1;\n transition: all 0.3s ease;\n }\n \n .specs-table tr:last-child td {\n border-bottom: none;\n }\n \n .specs-table tr:hover td {\n background-color: #f8fdff;\n transform: translateX(-5px);\n }\n \n .specs-table tr:nth-child(even) {\n background-color: #f9fcff;\n }\n \n .label {\n font-weight: 500;\n color: #2c3e50;\n }\n \n .value {\n color: #3498db;\n }\n \n @media (max-width: 768px) {\n .features-grid {\n grid-template-columns: 1fr;\n }\n \n .product-title {\n font-size: 24px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eاستمتع بأقصى درجات الراحة مع مرتبتنا متعددة الاستخدامات\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eتصميم عصري وراحة فائقة تناسب جميع احتياجاتك\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"section-title\"\u003eالمميزات الفريدة\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eتصميم مبتكر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eيمكن طي الوسادة العلوية لتكوين مسند رأس مريح مثالي للقراءة أو النوم\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧵\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eخامات عالية الجودة\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eقماش خارجي من مايكروفايبر ناعم وحشو فايبر يمنحانك راحة بدون تكتل\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🎨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eلون أنيق\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003e تصميم الموتيفس الانيق يضيف لمسة مميزة لديكور منزلك\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚖️\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eوزن متوازن\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eالوزن الكلي 4500 جرام لتحقيق توازن بين الراحة والمتانة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧳\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eمثالية للسفر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتصميم قابل للربط لسهولة الحمل والتنقل أثناء السفر والتجمعات العائلية\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eالمواصفات التفصيلية\u003c\/h2\u003e\n\u003cdiv class=\"specs-table-container\"\u003e\n\u003ctable class=\"specs-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eالمواصفات\u003c\/th\u003e\n\u003cth\u003eالتفاصيل\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالوزن الإجمالي\u003c\/td\u003e\n\u003ctd class=\"value\"\u003e4500 جرام\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالمادة الخارجية\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eمايكروفايبر ناعم\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالحشو\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eألياف فايبر مريحة\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eاللون\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eتصميم الموتيفس\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالاستخدامات\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eالنوم، القراءة، السفر، التجمعات العائلية\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 Puff ","offers":[{"title":"Default Title","offer_id":44937964683463,"sku":"17826861726a41a1dcd7ba0","price":1299.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/1_47d16341-7ede-4418-8d80-8c2cdfecdd70.webp?v=1745014933"},{"product_id":"مرتبة-أرضية-قابلة-للطي-تصميم-روكس","title":"مرتبة أرضية قابلة للطي (تصميم روكس)","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n \n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n \n @keyframes flipIn {\n 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n \n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n }\n \n .product-container {\n max-width: 900px;\n margin: 20px auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n padding: 0;\n position: relative;\n }\n \n .header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n left: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .product-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n transform-origin: center;\n animation: bounce 5s ease infinite;\n }\n \n .product-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .content {\n padding: 30px;\n }\n \n .section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n }\n \n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n transition: width 0.5s ease;\n animation: grow 1s forwards;\n }\n \n @keyframes grow {\n to { width: 100%; }\n }\n \n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 40px;\n }\n \n .feature-card {\n background: white;\n border-radius: 10px;\n padding: 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-bottom: 3px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n }\n \n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .feature-card:nth-child(1) { animation-delay: 0.1s; }\n .feature-card:nth-child(2) { animation-delay: 0.2s; }\n .feature-card:nth-child(3) { animation-delay: 0.3s; }\n .feature-card:nth-child(4) { animation-delay: 0.4s; }\n .feature-card:nth-child(5) { animation-delay: 0.5s; }\n \n .feature-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(to right, #3498db, #2ecc71);\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.5s ease;\n }\n \n .feature-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-bottom-color: #3498db;\n }\n \n .feature-card:hover::before {\n transform: scaleX(1);\n transform-origin: left;\n }\n \n .feature-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-bottom: 15px;\n color: white;\n font-size: 20px;\n animation: float 3s ease-in-out infinite;\n }\n \n .feature-title {\n font-size: 18px;\n font-weight: 700;\n color: #34495e;\n margin-bottom: 10px;\n }\n \n .feature-desc {\n color: #7f8c8d;\n line-height: 1.6;\n }\n \n .specs-table-container {\n margin-top: 30px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n overflow: hidden;\n background: white;\n }\n \n .specs-table th {\n background: linear-gradient(to left, #3498db, #2980b9);\n color: white;\n padding: 15px;\n text-align: right;\n font-weight: 500;\n }\n \n .specs-table tr {\n opacity: 0;\n animation: flipIn 0.5s forwards;\n }\n \n .specs-table tr:nth-child(1) { animation-delay: 0.1s; }\n .specs-table tr:nth-child(2) { animation-delay: 0.2s; }\n .specs-table tr:nth-child(3) { animation-delay: 0.3s; }\n .specs-table tr:nth-child(4) { animation-delay: 0.4s; }\n .specs-table tr:nth-child(5) { animation-delay: 0.5s; }\n \n .specs-table td {\n padding: 15px;\n border-bottom: 1px solid #ecf0f1;\n transition: all 0.3s ease;\n }\n \n .specs-table tr:last-child td {\n border-bottom: none;\n }\n \n .specs-table tr:hover td {\n background-color: #f8fdff;\n transform: translateX(-5px);\n }\n \n .specs-table tr:nth-child(even) {\n background-color: #f9fcff;\n }\n \n .label {\n font-weight: 500;\n color: #2c3e50;\n }\n \n .value {\n color: #3498db;\n }\n \n @media (max-width: 768px) {\n .features-grid {\n grid-template-columns: 1fr;\n }\n \n .product-title {\n font-size: 24px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eاستمتع بأقصى درجات الراحة مع مرتبتنا متعددة الاستخدامات\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eتصميم عصري وراحة فائقة تناسب جميع احتياجاتك\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"section-title\"\u003eالمميزات الفريدة\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eتصميم مبتكر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eيمكن طي الوسادة العلوية لتكوين مسند رأس مريح مثالي للقراءة أو النوم\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧵\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eخامات عالية الجودة\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eقماش خارجي من مايكروفايبر ناعم وحشو فايبر يمنحانك راحة بدون تكتل\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🎨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eلون أنيق\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003e تصميم روكس يضيف لمسة مميزة لديكور منزلك\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚖️\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eوزن متوازن\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eالوزن الكلي 4500 جرام لتحقيق توازن بين الراحة والمتانة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧳\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eمثالية للسفر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتصميم قابل للربط لسهولة الحمل والتنقل أثناء السفر والتجمعات العائلية\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eالمواصفات التفصيلية\u003c\/h2\u003e\n\u003cdiv class=\"specs-table-container\"\u003e\n\u003ctable class=\"specs-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eالمواصفات\u003c\/th\u003e\n\u003cth\u003eالتفاصيل\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالوزن الإجمالي\u003c\/td\u003e\n\u003ctd class=\"value\"\u003e4500 جرام\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالمادة الخارجية\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eمايكروفايبر ناعم\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالحشو\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eألياف فايبر مريحة\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eاللون\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eتصميم روكس\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالاستخدامات\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eالنوم، القراءة، السفر، التجمعات العائلية\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd class=\"label\"\u003eالمقاس\u003c\/td\u003e\n\u003ctd class=\"value\"\u003e230 × 90\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 Puff ","offers":[{"title":"Default Title","offer_id":44937967632583,"sku":"175671741468b5616654a0e","price":1299.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/linsle66.webp?v=1745014796"},{"product_id":"مرتبة-أرضية-قابلة-للطي-أبيض-و-رمادي","title":"مرتبة أرضية قابلة للطي - أبيض و رمادي","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n \n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n \n @keyframes flipIn {\n 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n \n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n }\n \n .product-container {\n max-width: 900px;\n margin: 20px auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n padding: 0;\n position: relative;\n }\n \n .header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n left: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .product-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n transform-origin: center;\n animation: bounce 5s ease infinite;\n }\n \n .product-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .content {\n padding: 30px;\n }\n \n .section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n }\n \n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n transition: width 0.5s ease;\n animation: grow 1s forwards;\n }\n \n @keyframes grow {\n to { width: 100%; }\n }\n \n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 40px;\n }\n \n .feature-card {\n background: white;\n border-radius: 10px;\n padding: 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-bottom: 3px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n }\n \n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .feature-card:nth-child(1) { animation-delay: 0.1s; }\n .feature-card:nth-child(2) { animation-delay: 0.2s; }\n .feature-card:nth-child(3) { animation-delay: 0.3s; }\n .feature-card:nth-child(4) { animation-delay: 0.4s; }\n .feature-card:nth-child(5) { animation-delay: 0.5s; }\n \n .feature-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(to right, #3498db, #2ecc71);\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.5s ease;\n }\n \n .feature-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-bottom-color: #3498db;\n }\n \n .feature-card:hover::before {\n transform: scaleX(1);\n transform-origin: left;\n }\n \n .feature-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-bottom: 15px;\n color: white;\n font-size: 20px;\n animation: float 3s ease-in-out infinite;\n }\n \n .feature-title {\n font-size: 18px;\n font-weight: 700;\n color: #34495e;\n margin-bottom: 10px;\n }\n \n .feature-desc {\n color: #7f8c8d;\n line-height: 1.6;\n }\n \n .specs-table-container {\n margin-top: 30px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n overflow: hidden;\n background: white;\n }\n \n .specs-table th {\n background: linear-gradient(to left, #3498db, #2980b9);\n color: white;\n padding: 15px;\n text-align: right;\n font-weight: 500;\n }\n \n .specs-table tr {\n opacity: 0;\n animation: flipIn 0.5s forwards;\n }\n \n .specs-table tr:nth-child(1) { animation-delay: 0.1s; }\n .specs-table tr:nth-child(2) { animation-delay: 0.2s; }\n .specs-table tr:nth-child(3) { animation-delay: 0.3s; }\n .specs-table tr:nth-child(4) { animation-delay: 0.4s; }\n .specs-table tr:nth-child(5) { animation-delay: 0.5s; }\n \n .specs-table td {\n padding: 15px;\n border-bottom: 1px solid #ecf0f1;\n transition: all 0.3s ease;\n }\n \n .specs-table tr:last-child td {\n border-bottom: none;\n }\n \n .specs-table tr:hover td {\n background-color: #f8fdff;\n transform: translateX(-5px);\n }\n \n .specs-table tr:nth-child(even) {\n background-color: #f9fcff;\n }\n \n .label {\n font-weight: 500;\n color: #2c3e50;\n }\n \n .value {\n color: #3498db;\n }\n \n @media (max-width: 768px) {\n .features-grid {\n grid-template-columns: 1fr;\n }\n \n .product-title {\n font-size: 24px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eاستمتع بأقصى درجات الراحة مع مرتبتنا متعددة الاستخدامات\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eتصميم عصري وراحة فائقة تناسب جميع احتياجاتك\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"section-title\"\u003eالمميزات الفريدة\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eتصميم مبتكر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eيمكن طي الوسادة العلوية لتكوين مسند رأس مريح مثالي للقراءة أو النوم\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧵\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eخامات عالية الجودة\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eقماش خارجي من مايكروفايبر ناعم وحشو فايبر يمنحانك راحة بدون تكتل\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🎨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eلون أنيق\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003e أبيض و رمادي يضيف لمسة مميزة لديكور منزلك\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚖️\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eوزن متوازن\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eالوزن الكلي 4500 جرام لتحقيق توازن بين الراحة والمتانة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧳\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eمثالية للسفر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتصميم قابل للربط لسهولة الحمل والتنقل أثناء السفر والتجمعات العائلية\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eالمواصفات التفصيلية\u003c\/h2\u003e\n\u003cdiv class=\"specs-table-container\"\u003e\n\u003ctable class=\"specs-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eالمواصفات\u003c\/th\u003e\n\u003cth\u003eالتفاصيل\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالوزن الإجمالي\u003c\/td\u003e\n\u003ctd class=\"value\"\u003e4500 جرام\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالمادة الخارجية\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eمايكروفايبر ناعم\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالحشو\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eألياف فايبر مريحة\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eاللون\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eأبيض و رمادي\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالاستخدامات\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eالنوم، القراءة، السفر، التجمعات العائلية\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd class=\"label\"\u003eالمقاس\u003c\/td\u003e\n\u003ctd class=\"value\"\u003e230 × 90\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 Puff ","offers":[{"title":"Default Title","offer_id":44937973006535,"sku":"175535239768a08d4d69d6c","price":1299.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/sz6222057304168_6.webp?v=1745014506"},{"product_id":"mattress-soft","title":"المرتبة الفندقية الفاخرة","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n }\n\n .product-container {\n max-width: 900px;\n margin: 20px auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n position: relative;\n }\n\n .header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n\n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n\n .header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n left: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n\n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n\n .product-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n animation: bounce 5s ease infinite;\n }\n\n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n\n .product-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n\n .content {\n padding: 30px;\n }\n\n .section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n }\n\n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n transition: width 0.5s ease;\n animation: grow 1s forwards;\n }\n\n @keyframes grow {\n to { width: 100%; }\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 40px;\n }\n\n .feature-card {\n background: white;\n border-radius: 10px;\n padding: 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-bottom: 3px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n }\n\n .feature-card:hover {\n border-bottom: 3px solid #2ecc71;\n transform: translateY(-5px);\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n }\n\n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .feature-card:nth-child(1) { animation-delay: 0.1s; }\n .feature-card:nth-child(2) { animation-delay: 0.2s; }\n .feature-card:nth-child(3) { animation-delay: 0.3s; }\n\n .feature-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-bottom: 15px;\n color: white;\n font-size: 20px;\n animation: float 3s ease-in-out infinite;\n }\n\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n\n .feature-title {\n font-size: 18px;\n font-weight: 700;\n color: #34495e;\n margin-bottom: 10px;\n }\n\n .feature-desc {\n color: #7f8c8d;\n line-height: 1.6;\n }\n\n @media (max-width: 768px) {\n .features-grid {\n grid-template-columns: 1fr;\n }\n\n .product-title {\n font-size: 24px;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eاستمتع بنوم فاخر مع مرتبة الفايبر توبر\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eراحة إضافية، جودة عالية، تصميم عملي يناسب كل غرفة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"section-title\"\u003eتفاصيل المنتج\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🛏️\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eراحة مضاعفة\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتضيف طبقة ناعمة مريحة فوق المرتبة الأساسية لتجربة نوم أكثر راحة وهدوء.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eخامة ألمانية\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eمصنوعة من أجود أنواع الألياف الألمانية المستوردة لتوفير أعلى مستويات الجودة.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧳\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eمثالية للاستخدام المتعدد\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eقابلة للنقل، مثالية للضيوف، الرحلات، أو كمفرش مريح لأوقات الاسترخاء.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 Puff ","offers":[{"title":"120*200","offer_id":45035341775047,"sku":"175534850668a07e1a35c4b","price":1199.0,"currency_code":"EGP","in_stock":true},{"title":"160*200","offer_id":45035341807815,"sku":"175534850668a07e1a35c4b","price":1399.0,"currency_code":"EGP","in_stock":true},{"title":"180*200","offer_id":45035341840583,"sku":"175534850668a07e1a35c4b","price":1599.0,"currency_code":"EGP","in_stock":true},{"title":"200*200","offer_id":45035341873351,"sku":"175534850668a07e1a35c4b","price":1799.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/matt2.webp?v=1748871006"},{"product_id":"مرتبة-تطرية-مايكرو-فايبر","title":"مرتبة تطرية مايكرو فايبر","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n }\n\n .product-container {\n max-width: 900px;\n margin: 20px auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n position: relative;\n }\n\n .header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n\n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n\n .header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n left: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n\n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n\n .product-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n animation: bounce 5s ease infinite;\n }\n\n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n\n .product-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n\n .content {\n padding: 30px;\n }\n\n .section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n }\n\n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n transition: width 0.5s ease;\n animation: grow 1s forwards;\n }\n\n @keyframes grow {\n to { width: 100%; }\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 40px;\n }\n\n .feature-card {\n background: white;\n border-radius: 10px;\n padding: 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n }\n\n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .feature-card:nth-child(1) { animation-delay: 0.1s; }\n .feature-card:nth-child(2) { animation-delay: 0.2s; }\n .feature-card:nth-child(3) { animation-delay: 0.3s; }\n\n .feature-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-bottom: 15px;\n color: white;\n font-size: 20px;\n animation: float 3s ease-in-out infinite;\n }\n\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n\n .feature-title {\n font-size: 18px;\n font-weight: 700;\n color: #34495e;\n margin-bottom: 10px;\n }\n\n .feature-desc {\n color: #7f8c8d;\n line-height: 1.6;\n }\n\n \/* تأثير hover على الكرت *\/\n .feature-card:hover {\n transform: scale(1.05); \/* تكبير الكرت بنسبة بسيطة *\/\n box-shadow: 0 15px 25px rgba(0, 0, 0, 0.15); \/* زيادة الظل الناعم *\/\n }\n\n .feature-card:hover::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(135deg, #2ecc71, #3498db); \/* الخط المتدرج الأخضر *\/\n }\n\n @media (max-width: 768px) {\n .features-grid {\n grid-template-columns: 1fr;\n }\n\n .product-title {\n font-size: 24px;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eمرتبة التطريه الإضافية\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eراحة فائقة، جودة عالية، تصميم مثالي لكل غرفة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"section-title\"\u003eتفاصيل المنتج\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🛏️\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eنعومة استثنائية\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتضفي طبقة الألياف الدقيقة مع حشو البوليستر طابعًا ناعمًا ومريحًا، مما يجعل تجربة النوم أكثر راحة.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eخامة ألمانية متميزة\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eمقدمة من الألياف الدقيقة المستوردة من ألمانيا، ما يضمن أعلى مستوى من الجودة والراحة.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧳\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eمناسب للاستخدام المتعدد\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتعتبر هذه المرتبة مثالية للضيوف، الرحلات، أو للاستخدام اليومي في غرف النوم.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 Puff ","offers":[{"title":"120*200","offer_id":45035345117383,"sku":"175538056568a0fb55481ba","price":1920.0,"currency_code":"EGP","in_stock":true},{"title":"160*200","offer_id":45035345150151,"sku":"175538056568a0fb55481ba","price":2645.0,"currency_code":"EGP","in_stock":true},{"title":"180*200","offer_id":45035345182919,"sku":"175538056568a0fb55481ba","price":2950.0,"currency_code":"EGP","in_stock":true},{"title":"200*200","offer_id":45035345215687,"sku":"175538056568a0fb55481ba","price":3150.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/matt5.webp?v=1748446134"},{"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":"كفر-مرتبة-ضد-المياة-خامة-pu","title":"كفر المرتبة الآلماني - خامة PU","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eغطاء المرتبة الفاخر\u003c\/title\u003e\n \u003cstyle\u003e\n \/* Import Font *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n \n \/* Animations *\/\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n \n @keyframes flipIn {\n 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n \n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n \n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes grow {\n to { width: 100%; }\n }\n \n \/* Scoped Styles *\/\n .mattress-cover-container * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .mattress-cover-container {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n padding: 20px;\n }\n \n .mattress-cover-wrapper {\n max-width: 900px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n position: relative;\n }\n \n .mattress-header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .mattress-header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n right: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .mattress-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n animation: bounce 5s ease infinite;\n }\n \n .mattress-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .mattress-content {\n padding: 30px;\n }\n \n .mattress-description {\n margin-bottom: 30px;\n color: #2c3e50;\n line-height: 1.8;\n font-size: 16px;\n text-align: right;\n }\n \n .mattress-section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n font-weight: 700;\n }\n \n .mattress-section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n animation: grow 1s forwards;\n }\n \n .mattress-benefits {\n list-style: none;\n padding: 0;\n margin-bottom: 40px;\n }\n \n .mattress-benefits li {\n background: white;\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 15px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-right: 4px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n text-align: right;\n }\n \n .mattress-benefits li:nth-child(1) { animation-delay: 0.1s; }\n .mattress-benefits li:nth-child(2) { animation-delay: 0.2s; }\n .mattress-benefits li:nth-child(3) { animation-delay: 0.3s; }\n .mattress-benefits li:nth-child(4) { animation-delay: 0.4s; }\n \n .mattress-benefits li::before {\n content: \"✓\";\n display: inline-block;\n width: 30px;\n height: 30px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-left: 15px;\n color: white;\n text-align: center;\n line-height: 30px;\n font-weight: bold;\n animation: float 3s ease-in-out infinite;\n }\n \n .mattress-benefits li:hover {\n transform: translateY(-5px) translateX(5px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-right-color: #3498db;\n }\n \n .mattress-policy {\n background: white;\n border-radius: 10px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n text-align: right;\n margin-top: 30px;\n opacity: 0;\n animation: flipIn 0.8s forwards;\n animation-delay: 0.5s;\n }\n \n .mattress-policy-title {\n color: #2980b9;\n font-size: 20px;\n font-weight: 700;\n margin-bottom: 15px;\n }\n \n .mattress-policy-item {\n display: block;\n margin-bottom: 10px;\n color: #34495e;\n font-size: 16px;\n }\n \n @media (max-width: 768px) {\n .mattress-title {\n font-size: 24px;\n }\n \n .mattress-content {\n padding: 20px;\n }\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"mattress-cover-container\"\u003e\n \u003cdiv class=\"mattress-cover-wrapper\"\u003e\n \u003cdiv class=\"mattress-header\"\u003e\n \u003ch1 class=\"mattress-title\"\u003eغطاء المرتبة الفاخر المقاوم للماء\u003c\/h1\u003e\n \u003cp class=\"mattress-subtitle\"\u003eحماية كاملة وراحة فائقة لنوم هادئ\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"mattress-content\"\u003e\n \u003cp class=\"mattress-description\"\u003e\n غطاء كامل ناعم ومتين بيحافظ على مرتبتك الغالية من الأتربة، السوائل، البقع، والتآكل اليومي. \n الكفر ضد المياه 100%، ومصنوع من خامة بو عالية الجودة، بتديك إحساس بالراحة والبرودة طول الليل، من غير ما يغيّر ملمس المرتبة أو يحسسك إنك نايم على طبقة إضافية.\n \u003c\/p\u003e\n \n \u003ch2 class=\"mattress-section-title\"\u003eالمزايا\u003c\/h2\u003e\n \u003cul class=\"mattress-benefits\"\u003e\n \u003cli\u003eخامة فاخرة باردة توزع الحرارة وتنظم حرارة الجسم\u003c\/li\u003e\n \u003cli\u003eمقاوم للمياه والانسكابات\u003c\/li\u003e\n \u003cli\u003eيحافظ على نعومة المرتبة الأصلية\u003c\/li\u003e\n \u003cli\u003eبيهيّئلك بيئة نوم صحية ومنعشة\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \u003cdiv class=\"mattress-policy\"\u003e\n \u003ch3 class=\"mattress-policy-title\"\u003eسياسة الاستبدال والضمان:\u003c\/h3\u003e\n \u003cspan class=\"mattress-policy-item\"\u003e🚚 التوصيل خلال 3 إلى 5 أيام عمل\u003c\/span\u003e\n \u003cspan class=\"mattress-policy-item\"\u003e🛡️ ضمان لمدة 3 سنوات\u003c\/span\u003e\n \u003cspan class=\"mattress-policy-item\"\u003e🔁 استبدال واسترجاع خلال 14 يوم\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/body\u003e","brand":"Fluff \u0026 Puff ","offers":[{"title":"120","offer_id":45045778481351,"sku":"175535264468a08e4479204","price":420.0,"currency_code":"EGP","in_stock":true},{"title":"160","offer_id":45045778514119,"sku":"175535264468a08e4479204","price":570.0,"currency_code":"EGP","in_stock":true},{"title":"180","offer_id":45045778546887,"sku":"175535264468a08e4479204","price":670.0,"currency_code":"EGP","in_stock":true},{"title":"200","offer_id":45045778579655,"sku":"175535264468a08e4479204","price":750.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/251cad55-38e0-4d95-b42c-0f55a9d02a5b.webp?v=1748445639"},{"product_id":"polydownpillow","title":"المخدة الفندقية بديل الريش","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n \/* Import Font *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n \n \/* Animations *\/\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n \n @keyframes flipIn {\n 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n \n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n \n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes grow {\n to { width: 100%; }\n }\n \n \/* Scoped Styles for Pillow Product *\/\n .pillow-product-container * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .pillow-product-container {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n padding: 20px;\n }\n \n .pillow-wrapper {\n max-width: 900px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n position: relative;\n }\n \n .pillow-header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .pillow-header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n right: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .pillow-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n animation: bounce 5s ease infinite;\n }\n \n .pillow-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .pillow-content {\n padding: 30px;\n }\n \n .pillow-intro {\n background: white;\n border-radius: 10px;\n padding: 25px;\n margin-bottom: 30px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n text-align: right;\n line-height: 1.8;\n opacity: 0;\n animation: flipIn 0.8s forwards;\n }\n \n .pillow-intro strong {\n display: block;\n color: #2980b9;\n font-size: 20px;\n margin-bottom: 15px;\n }\n \n .pillow-section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n font-weight: 700;\n }\n \n .pillow-section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n animation: grow 1s forwards;\n }\n \n .pillow-specs {\n list-style: none;\n padding: 0;\n margin-bottom: 30px;\n }\n \n .pillow-specs li {\n background: white;\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 15px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-right: 4px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n text-align: right;\n display: flex;\n align-items: center;\n }\n \n .pillow-specs li:nth-child(1) { animation-delay: 0.1s; }\n .pillow-specs li:nth-child(2) { animation-delay: 0.2s; }\n .pillow-specs li:nth-child(3) { animation-delay: 0.3s; }\n .pillow-specs li:nth-child(4) { animation-delay: 0.4s; }\n .pillow-specs li:nth-child(5) { animation-delay: 0.5s; }\n \n .pillow-specs li::before {\n content: \"\";\n display: inline-block;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-left: 15px;\n color: white;\n text-align: center;\n line-height: 40px;\n font-size: 18px;\n animation: float 3s ease-in-out infinite;\n flex-shrink: 0;\n }\n \n .pillow-specs li:nth-child(1)::before { content: \"📏\"; }\n .pillow-specs li:nth-child(2)::before { content: \"🪶\"; }\n .pillow-specs li:nth-child(3)::before { content: \"🧵\"; }\n .pillow-specs li:nth-child(4)::before { content: \"💤\"; }\n .pillow-specs li:nth-child(5)::before { content: \"👨👩👧👦\"; }\n \n .pillow-specs li:hover {\n transform: translateY(-5px) translateX(5px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-right-color: #3498db;\n }\n \n .pillow-cta {\n background: white;\n border-radius: 10px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n text-align: center;\n margin-top: 30px;\n opacity: 0;\n animation: flipIn 0.8s forwards;\n animation-delay: 0.6s;\n }\n \n .pillow-cta p {\n color: #2980b9;\n font-size: 20px;\n font-weight: 700;\n background: linear-gradient(to left, #3498db, #2ecc71);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n text-shadow: none;\n }\n \n @media (max-width: 768px) {\n .pillow-title {\n font-size: 24px;\n }\n \n .pillow-content {\n padding: 20px;\n }\n \n .pillow-specs li {\n font-size: 14px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"pillow-product-container\"\u003e\n\u003cdiv class=\"pillow-wrapper\"\u003e\n\u003cdiv class=\"pillow-header\"\u003e\n\u003ch1 class=\"pillow-title\"\u003eالمخدة الفندقية من فلاف بلاف\u003c\/h1\u003e\n\u003cp class=\"pillow-subtitle\"\u003eرفاهية الفنادق الخمس نجوم في منزلك\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pillow-content\"\u003e\n\u003cdiv class=\"pillow-intro\"\u003e\n\u003cstrong\u003eاستمتع بنوم هادئ مع المخدة الفندقية من فلاف بلاف\u003c\/strong\u003e\n\u003cp\u003eراحة مثالية ودعم متوازن للرأس والرقبة، علشان تصحى كل يوم منتعش وجاهز تبدأ يومك. المخدة الفندقية المستوردة من فلاف بلاف هي الإضافة الفاخرة اللي تستحقها كل غرفة نوم.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"pillow-section-title\"\u003eالمواصفات\u003c\/h2\u003e\n\u003cul class=\"pillow-specs\"\u003e\n\u003cli\u003eالمقاس: 50 × 70 سم\u003c\/li\u003e\n\u003cli\u003eالحشو: بديل كوري عالي الجودة للريش الطبيعي\u003c\/li\u003e\n\u003cli\u003eالقماش: 300 خيط (TC 300) من القطن الناعم\u003c\/li\u003e\n\u003cli\u003eتمنحك نفس شعور الريش بدون أي حساسية\u003c\/li\u003e\n\u003cli\u003eمناسبة للكبار والأطفال\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"pillow-cta\"\u003e\n\u003cp\u003eاختيارك للمخدة دي مش رفاهية… ده استثمار في راحتك.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 Puff ","offers":[{"title":"مخدة واحدة","offer_id":45198974582983,"sku":"175534545468a0722ef4134","price":699.0,"currency_code":"EGP","in_stock":true},{"title":"طقم السرير | 2 مخدة","offer_id":46914564096199,"sku":"FEATHER-PILLOW-2","price":1249.0,"currency_code":"EGP","in_stock":true},{"title":"السرير الفندقي | 3 + 1 هدية","offer_id":46914564128967,"sku":"FEATHER-PILLOW-4","price":2099.0,"currency_code":"EGP","in_stock":true},{"title":"البيت الفندقي | 4 + 2 هدية","offer_id":46914564161735,"sku":"FEATHER-PILLOW-6","price":2899.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/7caa36d842facdc66f0662631c4647d1_2_11zon.webp?v=1752164112"},{"product_id":"مرتبة-أرضية-قابله-للطي-ستريبد-جراي","title":"مرتبة أرضية قابله للطي (ستريبد جراي )","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n \n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n \n @keyframes flipIn {\n 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n \n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n }\n \n .product-container {\n max-width: 900px;\n margin: 20px auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n padding: 0;\n position: relative;\n }\n \n .header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n left: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .product-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n transform-origin: center;\n animation: bounce 5s ease infinite;\n }\n \n .product-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .content {\n padding: 30px;\n }\n \n .section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n }\n \n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n transition: width 0.5s ease;\n animation: grow 1s forwards;\n }\n \n @keyframes grow {\n to { width: 100%; }\n }\n \n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 40px;\n }\n \n .feature-card {\n background: white;\n border-radius: 10px;\n padding: 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-bottom: 3px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n }\n \n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .feature-card:nth-child(1) { animation-delay: 0.1s; }\n .feature-card:nth-child(2) { animation-delay: 0.2s; }\n .feature-card:nth-child(3) { animation-delay: 0.3s; }\n .feature-card:nth-child(4) { animation-delay: 0.4s; }\n .feature-card:nth-child(5) { animation-delay: 0.5s; }\n \n .feature-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(to right, #3498db, #2ecc71);\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.5s ease;\n }\n \n .feature-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-bottom-color: #3498db;\n }\n \n .feature-card:hover::before {\n transform: scaleX(1);\n transform-origin: left;\n }\n \n .feature-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-bottom: 15px;\n color: white;\n font-size: 20px;\n animation: float 3s ease-in-out infinite;\n }\n \n .feature-title {\n font-size: 18px;\n font-weight: 700;\n color: #34495e;\n margin-bottom: 10px;\n }\n \n .feature-desc {\n color: #7f8c8d;\n line-height: 1.6;\n }\n \n .specs-table-container {\n margin-top: 30px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n overflow: hidden;\n background: white;\n }\n \n .specs-table th {\n background: linear-gradient(to left, #3498db, #2980b9);\n color: white;\n padding: 15px;\n text-align: right;\n font-weight: 500;\n }\n \n .specs-table tr {\n opacity: 0;\n animation: flipIn 0.5s forwards;\n }\n \n .specs-table tr:nth-child(1) { animation-delay: 0.1s; }\n .specs-table tr:nth-child(2) { animation-delay: 0.2s; }\n .specs-table tr:nth-child(3) { animation-delay: 0.3s; }\n .specs-table tr:nth-child(4) { animation-delay: 0.4s; }\n .specs-table tr:nth-child(5) { animation-delay: 0.5s; }\n \n .specs-table td {\n padding: 15px;\n border-bottom: 1px solid #ecf0f1;\n transition: all 0.3s ease;\n }\n \n .specs-table tr:last-child td {\n border-bottom: none;\n }\n \n .specs-table tr:hover td {\n background-color: #f8fdff;\n transform: translateX(-5px);\n }\n \n .specs-table tr:nth-child(even) {\n background-color: #f9fcff;\n }\n \n .label {\n font-weight: 500;\n color: #2c3e50;\n }\n \n .value {\n color: #3498db;\n }\n \n @media (max-width: 768px) {\n .features-grid {\n grid-template-columns: 1fr;\n }\n \n .product-title {\n font-size: 24px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eاستمتع بأقصى درجات الراحة مع مرتبتنا متعددة الاستخدامات\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eتصميم عصري وراحة فائقة تناسب جميع احتياجاتك\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"section-title\"\u003eالمميزات الفريدة\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eتصميم مبتكر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eيمكن طي الوسادة العلوية لتكوين مسند رأس مريح مثالي للقراءة أو النوم\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧵\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eخامات عالية الجودة\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eقماش خارجي من مايكروفايبر ناعم وحشو فايبر يمنحانك راحة بدون تكتل\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🎨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eلون أنيق\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eستريبد جراي يضيف لمسة مميزة لديكور منزلك\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚖️\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eوزن متوازن\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eالوزن الكلي 4500 جرام لتحقيق توازن بين الراحة والمتانة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧳\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eمثالية للسفر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتصميم قابل للربط لسهولة الحمل والتنقل أثناء السفر والتجمعات العائلية\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eالمواصفات التفصيلية\u003c\/h2\u003e\n\u003cdiv class=\"specs-table-container\"\u003e\n\u003ctable class=\"specs-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eالمواصفات\u003c\/th\u003e\n\u003cth\u003eالتفاصيل\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالوزن الإجمالي\u003c\/td\u003e\n\u003ctd class=\"value\"\u003e4500 جرام\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالمادة الخارجية\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eمايكروفايبر ناعم\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالحشو\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eألياف فايبر مريحة\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eاللون\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eستريبد جراي \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالاستخدامات\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eالنوم، القراءة، السفر، التجمعات العائلية\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 Puff ","offers":[{"title":"Default Title","offer_id":45055363121351,"sku":"175535359868a091fe23c34","price":1299.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/ChatGPTImageApr26_2025_02_12_52PM.webp?v=1748445016"},{"product_id":"p1","title":"مرتبة أرضية قابلة للطي (ستريبد مون لايت)","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n \n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n \n @keyframes flipIn {\n 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n \n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n }\n \n .product-container {\n max-width: 900px;\n margin: 20px auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n padding: 0;\n position: relative;\n }\n \n .header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n left: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .product-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n transform-origin: center;\n animation: bounce 5s ease infinite;\n }\n \n .product-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .content {\n padding: 30px;\n }\n \n .section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n }\n \n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n transition: width 0.5s ease;\n animation: grow 1s forwards;\n }\n \n @keyframes grow {\n to { width: 100%; }\n }\n \n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 40px;\n }\n \n .feature-card {\n background: white;\n border-radius: 10px;\n padding: 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-bottom: 3px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n }\n \n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .feature-card:nth-child(1) { animation-delay: 0.1s; }\n .feature-card:nth-child(2) { animation-delay: 0.2s; }\n .feature-card:nth-child(3) { animation-delay: 0.3s; }\n .feature-card:nth-child(4) { animation-delay: 0.4s; }\n .feature-card:nth-child(5) { animation-delay: 0.5s; }\n \n .feature-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(to right, #3498db, #2ecc71);\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.5s ease;\n }\n \n .feature-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-bottom-color: #3498db;\n }\n \n .feature-card:hover::before {\n transform: scaleX(1);\n transform-origin: left;\n }\n \n .feature-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-bottom: 15px;\n color: white;\n font-size: 20px;\n animation: float 3s ease-in-out infinite;\n }\n \n .feature-title {\n font-size: 18px;\n font-weight: 700;\n color: #34495e;\n margin-bottom: 10px;\n }\n \n .feature-desc {\n color: #7f8c8d;\n line-height: 1.6;\n }\n \n .specs-table-container {\n margin-top: 30px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n overflow: hidden;\n background: white;\n }\n \n .specs-table th {\n background: linear-gradient(to left, #3498db, #2980b9);\n color: white;\n padding: 15px;\n text-align: right;\n font-weight: 500;\n }\n \n .specs-table tr {\n opacity: 0;\n animation: flipIn 0.5s forwards;\n }\n \n .specs-table tr:nth-child(1) { animation-delay: 0.1s; }\n .specs-table tr:nth-child(2) { animation-delay: 0.2s; }\n .specs-table tr:nth-child(3) { animation-delay: 0.3s; }\n .specs-table tr:nth-child(4) { animation-delay: 0.4s; }\n .specs-table tr:nth-child(5) { animation-delay: 0.5s; }\n \n .specs-table td {\n padding: 15px;\n border-bottom: 1px solid #ecf0f1;\n transition: all 0.3s ease;\n }\n \n .specs-table tr:last-child td {\n border-bottom: none;\n }\n \n .specs-table tr:hover td {\n background-color: #f8fdff;\n transform: translateX(-5px);\n }\n \n .specs-table tr:nth-child(even) {\n background-color: #f9fcff;\n }\n \n .label {\n font-weight: 500;\n color: #2c3e50;\n }\n \n .value {\n color: #3498db;\n }\n \n @media (max-width: 768px) {\n .features-grid {\n grid-template-columns: 1fr;\n }\n \n .product-title {\n font-size: 24px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eاستمتع بأقصى درجات الراحة مع مرتبتنا متعددة الاستخدامات\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eتصميم عصري وراحة فائقة تناسب جميع احتياجاتك\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"section-title\"\u003eالمميزات الفريدة\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eتصميم مبتكر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eيمكن طي الوسادة العلوية لتكوين مسند رأس مريح مثالي للقراءة أو النوم\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧵\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eخامات عالية الجودة\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eقماش خارجي من مايكروفايبر ناعم وحشو فايبر يمنحانك راحة بدون تكتل\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🎨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eلون أنيق\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتصميم ستريبد مون لايت يضيف لمسة مميزة لديكور منزلك\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚖️\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eوزن متوازن\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eالوزن الكلي 4500 جرام لتحقيق توازن بين الراحة والمتانة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧳\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eمثالية للسفر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتصميم قابل للربط لسهولة الحمل والتنقل أثناء السفر والتجمعات العائلية\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eالمواصفات التفصيلية\u003c\/h2\u003e\n\u003cdiv class=\"specs-table-container\"\u003e\n\u003ctable class=\"specs-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eالمواصفات\u003c\/th\u003e\n\u003cth\u003eالتفاصيل\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالوزن الإجمالي\u003c\/td\u003e\n\u003ctd class=\"value\"\u003e4500 جرام\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالمادة الخارجية\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eمايكروفايبر ناعم\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالحشو\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eألياف فايبر مريحة\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eاللون\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eستريبد مون لايت\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالاستخدامات\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eالنوم، القراءة، السفر، التجمعات العائلية\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 Puff ","offers":[{"title":"Default Title","offer_id":45097087336647,"sku":"175535368368a09253ee15e","price":1299.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/N7L04624.webp?v=1747039527"},{"product_id":"p2","title":"مرتبة أرضية قابلة للطي (دينوز كيدز)","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n \n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n \n @keyframes flipIn {\n 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n \n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n }\n \n .product-container {\n max-width: 900px;\n margin: 20px auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n padding: 0;\n position: relative;\n }\n \n .header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n left: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .product-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n transform-origin: center;\n animation: bounce 5s ease infinite;\n }\n \n .product-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .content {\n padding: 30px;\n }\n \n .section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n }\n \n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n transition: width 0.5s ease;\n animation: grow 1s forwards;\n }\n \n @keyframes grow {\n to { width: 100%; }\n }\n \n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 40px;\n }\n \n .feature-card {\n background: white;\n border-radius: 10px;\n padding: 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-bottom: 3px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n }\n \n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .feature-card:nth-child(1) { animation-delay: 0.1s; }\n .feature-card:nth-child(2) { animation-delay: 0.2s; }\n .feature-card:nth-child(3) { animation-delay: 0.3s; }\n .feature-card:nth-child(4) { animation-delay: 0.4s; }\n .feature-card:nth-child(5) { animation-delay: 0.5s; }\n \n .feature-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(to right, #3498db, #2ecc71);\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.5s ease;\n }\n \n .feature-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-bottom-color: #3498db;\n }\n \n .feature-card:hover::before {\n transform: scaleX(1);\n transform-origin: left;\n }\n \n .feature-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-bottom: 15px;\n color: white;\n font-size: 20px;\n animation: float 3s ease-in-out infinite;\n }\n \n .feature-title {\n font-size: 18px;\n font-weight: 700;\n color: #34495e;\n margin-bottom: 10px;\n }\n \n .feature-desc {\n color: #7f8c8d;\n line-height: 1.6;\n }\n \n .specs-table-container {\n margin-top: 30px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n overflow: hidden;\n background: white;\n }\n \n .specs-table th {\n background: linear-gradient(to left, #3498db, #2980b9);\n color: white;\n padding: 15px;\n text-align: right;\n font-weight: 500;\n }\n \n .specs-table tr {\n opacity: 0;\n animation: flipIn 0.5s forwards;\n }\n \n .specs-table tr:nth-child(1) { animation-delay: 0.1s; }\n .specs-table tr:nth-child(2) { animation-delay: 0.2s; }\n .specs-table tr:nth-child(3) { animation-delay: 0.3s; }\n .specs-table tr:nth-child(4) { animation-delay: 0.4s; }\n .specs-table tr:nth-child(5) { animation-delay: 0.5s; }\n \n .specs-table td {\n padding: 15px;\n border-bottom: 1px solid #ecf0f1;\n transition: all 0.3s ease;\n }\n \n .specs-table tr:last-child td {\n border-bottom: none;\n }\n \n .specs-table tr:hover td {\n background-color: #f8fdff;\n transform: translateX(-5px);\n }\n \n .specs-table tr:nth-child(even) {\n background-color: #f9fcff;\n }\n \n .label {\n font-weight: 500;\n color: #2c3e50;\n }\n \n .value {\n color: #3498db;\n }\n \n @media (max-width: 768px) {\n .features-grid {\n grid-template-columns: 1fr;\n }\n \n .product-title {\n font-size: 24px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eاستمتع بأقصى درجات الراحة مع مرتبتنا متعددة الاستخدامات\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eتصميم عصري وراحة فائقة تناسب جميع احتياجاتك\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"section-title\"\u003eالمميزات الفريدة\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eتصميم مبتكر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eيمكن طي الوسادة العلوية لتكوين مسند رأس مريح مثالي للقراءة أو النوم\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧵\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eخامات عالية الجودة\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eقماش خارجي من مايكروفايبر ناعم وحشو فايبر يمنحانك راحة بدون تكتل\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🎨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eلون أنيق\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتصميم دينوز كيدز يضيف لمسة مميزة لديكور منزلك\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚖️\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eوزن متوازن\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eالوزن الكلي 4500 جرام لتحقيق توازن بين الراحة والمتانة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧳\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eمثالية للسفر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتصميم قابل للربط لسهولة الحمل والتنقل أثناء السفر والتجمعات العائلية\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eالمواصفات التفصيلية\u003c\/h2\u003e\n\u003cdiv class=\"specs-table-container\"\u003e\n\u003ctable class=\"specs-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eالمواصفات\u003c\/th\u003e\n\u003cth\u003eالتفاصيل\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالوزن الإجمالي\u003c\/td\u003e\n\u003ctd class=\"value\"\u003e4500 جرام\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالمادة الخارجية\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eمايكروفايبر ناعم\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالحشو\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eألياف فايبر مريحة\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eاللون\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eدينوز كيدز\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالاستخدامات\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eالنوم، القراءة، السفر، التجمعات العائلية\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd class=\"label\"\u003eالمقاس\u003c\/td\u003e\n\u003ctd class=\"value\"\u003e230 × 90\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 Puff ","offers":[{"title":"Default Title","offer_id":45097100116167,"sku":"175535380768a092cf7be44","price":1299.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/N7L04635.webp?v=1747039755"},{"product_id":"p7","title":"مرتبة أرضية قابلة للطي (هيكسا وود)","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n \n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n \n @keyframes flipIn {\n 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n \n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n }\n \n .product-container {\n max-width: 900px;\n margin: 20px auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n padding: 0;\n position: relative;\n }\n \n .header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n left: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .product-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n transform-origin: center;\n animation: bounce 5s ease infinite;\n }\n \n .product-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .content {\n padding: 30px;\n }\n \n .section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n }\n \n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n transition: width 0.5s ease;\n animation: grow 1s forwards;\n }\n \n @keyframes grow {\n to { width: 100%; }\n }\n \n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 40px;\n }\n \n .feature-card {\n background: white;\n border-radius: 10px;\n padding: 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-bottom: 3px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n }\n \n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .feature-card:nth-child(1) { animation-delay: 0.1s; }\n .feature-card:nth-child(2) { animation-delay: 0.2s; }\n .feature-card:nth-child(3) { animation-delay: 0.3s; }\n .feature-card:nth-child(4) { animation-delay: 0.4s; }\n .feature-card:nth-child(5) { animation-delay: 0.5s; }\n \n .feature-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(to right, #3498db, #2ecc71);\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.5s ease;\n }\n \n .feature-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-bottom-color: #3498db;\n }\n \n .feature-card:hover::before {\n transform: scaleX(1);\n transform-origin: left;\n }\n \n .feature-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-bottom: 15px;\n color: white;\n font-size: 20px;\n animation: float 3s ease-in-out infinite;\n }\n \n .feature-title {\n font-size: 18px;\n font-weight: 700;\n color: #34495e;\n margin-bottom: 10px;\n }\n \n .feature-desc {\n color: #7f8c8d;\n line-height: 1.6;\n }\n \n .specs-table-container {\n margin-top: 30px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n overflow: hidden;\n background: white;\n }\n \n .specs-table th {\n background: linear-gradient(to left, #3498db, #2980b9);\n color: white;\n padding: 15px;\n text-align: right;\n font-weight: 500;\n }\n \n .specs-table tr {\n opacity: 0;\n animation: flipIn 0.5s forwards;\n }\n \n .specs-table tr:nth-child(1) { animation-delay: 0.1s; }\n .specs-table tr:nth-child(2) { animation-delay: 0.2s; }\n .specs-table tr:nth-child(3) { animation-delay: 0.3s; }\n .specs-table tr:nth-child(4) { animation-delay: 0.4s; }\n .specs-table tr:nth-child(5) { animation-delay: 0.5s; }\n \n .specs-table td {\n padding: 15px;\n border-bottom: 1px solid #ecf0f1;\n transition: all 0.3s ease;\n }\n \n .specs-table tr:last-child td {\n border-bottom: none;\n }\n \n .specs-table tr:hover td {\n background-color: #f8fdff;\n transform: translateX(-5px);\n }\n \n .specs-table tr:nth-child(even) {\n background-color: #f9fcff;\n }\n \n .label {\n font-weight: 500;\n color: #2c3e50;\n }\n \n .value {\n color: #3498db;\n }\n \n @media (max-width: 768px) {\n .features-grid {\n grid-template-columns: 1fr;\n }\n \n .product-title {\n font-size: 24px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eاستمتع بأقصى درجات الراحة مع مرتبتنا متعددة الاستخدامات\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eتصميم عصري وراحة فائقة تناسب جميع احتياجاتك\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"section-title\"\u003eالمميزات الفريدة\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eتصميم مبتكر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eيمكن طي الوسادة العلوية لتكوين مسند رأس مريح مثالي للقراءة أو النوم\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧵\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eخامات عالية الجودة\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eقماش خارجي من مايكروفايبر ناعم وحشو فايبر يمنحانك راحة بدون تكتل\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🎨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eلون أنيق\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتصميم  هيكسا وود يضيف لمسة مميزة لديكور منزلك\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚖️\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eوزن متوازن\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eالوزن الكلي 4500 جرام لتحقيق توازن بين الراحة والمتانة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧳\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eمثالية للسفر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتصميم قابل للربط لسهولة الحمل والتنقل أثناء السفر والتجمعات العائلية\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eالمواصفات التفصيلية\u003c\/h2\u003e\n\u003cdiv class=\"specs-table-container\"\u003e\n\u003ctable class=\"specs-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eالمواصفات\u003c\/th\u003e\n\u003cth\u003eالتفاصيل\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالوزن الإجمالي\u003c\/td\u003e\n\u003ctd class=\"value\"\u003e4500 جرام\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالمادة الخارجية\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eمايكروفايبر ناعم\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالحشو\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eألياف فايبر مريحة\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eاللون\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eهيكسا وود\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالاستخدامات\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eالنوم، القراءة، السفر، التجمعات العائلية\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd class=\"label\"\u003eالمقاس\u003c\/td\u003e\n\u003ctd class=\"value\"\u003e230 × 90\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 Puff ","offers":[{"title":"Default Title","offer_id":45097121480903,"sku":"175535441068a0952acda6b","price":1299.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/N7L04728-2.webp?v=1747040214"},{"product_id":"p8","title":"مرتبة أرضية قابلة للطي (جالاكسي نايت)","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n \n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n \n @keyframes flipIn {\n 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n \n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n }\n \n .product-container {\n max-width: 900px;\n margin: 20px auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n padding: 0;\n position: relative;\n }\n \n .header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n left: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .product-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n transform-origin: center;\n animation: bounce 5s ease infinite;\n }\n \n .product-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .content {\n padding: 30px;\n }\n \n .section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n }\n \n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n transition: width 0.5s ease;\n animation: grow 1s forwards;\n }\n \n @keyframes grow {\n to { width: 100%; }\n }\n \n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 40px;\n }\n \n .feature-card {\n background: white;\n border-radius: 10px;\n padding: 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-bottom: 3px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n }\n \n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .feature-card:nth-child(1) { animation-delay: 0.1s; }\n .feature-card:nth-child(2) { animation-delay: 0.2s; }\n .feature-card:nth-child(3) { animation-delay: 0.3s; }\n .feature-card:nth-child(4) { animation-delay: 0.4s; }\n .feature-card:nth-child(5) { animation-delay: 0.5s; }\n \n .feature-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(to right, #3498db, #2ecc71);\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.5s ease;\n }\n \n .feature-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-bottom-color: #3498db;\n }\n \n .feature-card:hover::before {\n transform: scaleX(1);\n transform-origin: left;\n }\n \n .feature-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-bottom: 15px;\n color: white;\n font-size: 20px;\n animation: float 3s ease-in-out infinite;\n }\n \n .feature-title {\n font-size: 18px;\n font-weight: 700;\n color: #34495e;\n margin-bottom: 10px;\n }\n \n .feature-desc {\n color: #7f8c8d;\n line-height: 1.6;\n }\n \n .specs-table-container {\n margin-top: 30px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n overflow: hidden;\n background: white;\n }\n \n .specs-table th {\n background: linear-gradient(to left, #3498db, #2980b9);\n color: white;\n padding: 15px;\n text-align: right;\n font-weight: 500;\n }\n \n .specs-table tr {\n opacity: 0;\n animation: flipIn 0.5s forwards;\n }\n \n .specs-table tr:nth-child(1) { animation-delay: 0.1s; }\n .specs-table tr:nth-child(2) { animation-delay: 0.2s; }\n .specs-table tr:nth-child(3) { animation-delay: 0.3s; }\n .specs-table tr:nth-child(4) { animation-delay: 0.4s; }\n .specs-table tr:nth-child(5) { animation-delay: 0.5s; }\n \n .specs-table td {\n padding: 15px;\n border-bottom: 1px solid #ecf0f1;\n transition: all 0.3s ease;\n }\n \n .specs-table tr:last-child td {\n border-bottom: none;\n }\n \n .specs-table tr:hover td {\n background-color: #f8fdff;\n transform: translateX(-5px);\n }\n \n .specs-table tr:nth-child(even) {\n background-color: #f9fcff;\n }\n \n .label {\n font-weight: 500;\n color: #2c3e50;\n }\n \n .value {\n color: #3498db;\n }\n \n @media (max-width: 768px) {\n .features-grid {\n grid-template-columns: 1fr;\n }\n \n .product-title {\n font-size: 24px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eاستمتع بأقصى درجات الراحة مع مرتبتنا متعددة الاستخدامات\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eتصميم عصري وراحة فائقة تناسب جميع احتياجاتك\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"section-title\"\u003eالمميزات الفريدة\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eتصميم مبتكر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eيمكن طي الوسادة العلوية لتكوين مسند رأس مريح مثالي للقراءة أو النوم\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧵\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eخامات عالية الجودة\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eقماش خارجي من مايكروفايبر ناعم وحشو فايبر يمنحانك راحة بدون تكتل\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🎨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eلون أنيق\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتصميم  جالاكسي نايت يضيف لمسة مميزة لديكور منزلك\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚖️\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eوزن متوازن\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eالوزن الكلي 4500 جرام لتحقيق توازن بين الراحة والمتانة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧳\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eمثالية للسفر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتصميم قابل للربط لسهولة الحمل والتنقل أثناء السفر والتجمعات العائلية\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eالمواصفات التفصيلية\u003c\/h2\u003e\n\u003cdiv class=\"specs-table-container\"\u003e\n\u003ctable class=\"specs-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eالمواصفات\u003c\/th\u003e\n\u003cth\u003eالتفاصيل\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالوزن الإجمالي\u003c\/td\u003e\n\u003ctd class=\"value\"\u003e4500 جرام\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالمادة الخارجية\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eمايكروفايبر ناعم\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالحشو\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eألياف فايبر مريحة\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eاللون\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eجالاكسي نايت\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالاستخدامات\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eالنوم، القراءة، السفر، التجمعات العائلية\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd class=\"label\"\u003eالمقاس\u003c\/td\u003e\n\u003ctd class=\"value\"\u003e230 × 90\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 Puff ","offers":[{"title":"Default Title","offer_id":45097124200647,"sku":"175535468868a096400a3fe","price":1299.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/N7L04716.webp?v=1747040256"},{"product_id":"p9","title":"مرتبة أرضية قابلة للطي (يونيكورن جالاكسي)","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n \n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n \n @keyframes flipIn {\n 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n \n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n }\n \n .product-container {\n max-width: 900px;\n margin: 20px auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n padding: 0;\n position: relative;\n }\n \n .header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n left: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .product-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n transform-origin: center;\n animation: bounce 5s ease infinite;\n }\n \n .product-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .content {\n padding: 30px;\n }\n \n .section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n }\n \n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n transition: width 0.5s ease;\n animation: grow 1s forwards;\n }\n \n @keyframes grow {\n to { width: 100%; }\n }\n \n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 40px;\n }\n \n .feature-card {\n background: white;\n border-radius: 10px;\n padding: 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-bottom: 3px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n }\n \n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .feature-card:nth-child(1) { animation-delay: 0.1s; }\n .feature-card:nth-child(2) { animation-delay: 0.2s; }\n .feature-card:nth-child(3) { animation-delay: 0.3s; }\n .feature-card:nth-child(4) { animation-delay: 0.4s; }\n .feature-card:nth-child(5) { animation-delay: 0.5s; }\n \n .feature-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(to right, #3498db, #2ecc71);\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.5s ease;\n }\n \n .feature-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-bottom-color: #3498db;\n }\n \n .feature-card:hover::before {\n transform: scaleX(1);\n transform-origin: left;\n }\n \n .feature-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-bottom: 15px;\n color: white;\n font-size: 20px;\n animation: float 3s ease-in-out infinite;\n }\n \n .feature-title {\n font-size: 18px;\n font-weight: 700;\n color: #34495e;\n margin-bottom: 10px;\n }\n \n .feature-desc {\n color: #7f8c8d;\n line-height: 1.6;\n }\n \n .specs-table-container {\n margin-top: 30px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n overflow: hidden;\n background: white;\n }\n \n .specs-table th {\n background: linear-gradient(to left, #3498db, #2980b9);\n color: white;\n padding: 15px;\n text-align: right;\n font-weight: 500;\n }\n \n .specs-table tr {\n opacity: 0;\n animation: flipIn 0.5s forwards;\n }\n \n .specs-table tr:nth-child(1) { animation-delay: 0.1s; }\n .specs-table tr:nth-child(2) { animation-delay: 0.2s; }\n .specs-table tr:nth-child(3) { animation-delay: 0.3s; }\n .specs-table tr:nth-child(4) { animation-delay: 0.4s; }\n .specs-table tr:nth-child(5) { animation-delay: 0.5s; }\n \n .specs-table td {\n padding: 15px;\n border-bottom: 1px solid #ecf0f1;\n transition: all 0.3s ease;\n }\n \n .specs-table tr:last-child td {\n border-bottom: none;\n }\n \n .specs-table tr:hover td {\n background-color: #f8fdff;\n transform: translateX(-5px);\n }\n \n .specs-table tr:nth-child(even) {\n background-color: #f9fcff;\n }\n \n .label {\n font-weight: 500;\n color: #2c3e50;\n }\n \n .value {\n color: #3498db;\n }\n \n @media (max-width: 768px) {\n .features-grid {\n grid-template-columns: 1fr;\n }\n \n .product-title {\n font-size: 24px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eاستمتع بأقصى درجات الراحة مع مرتبتنا متعددة الاستخدامات\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eتصميم عصري وراحة فائقة تناسب جميع احتياجاتك\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"section-title\"\u003eالمميزات الفريدة\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eتصميم مبتكر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eيمكن طي الوسادة العلوية لتكوين مسند رأس مريح مثالي للقراءة أو النوم\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧵\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eخامات عالية الجودة\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eقماش خارجي من مايكروفايبر ناعم وحشو فايبر يمنحانك راحة بدون تكتل\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🎨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eلون أنيق\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتصميم  يونيكورن جالاكسي يضيف لمسة مميزة لديكور منزلك\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚖️\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eوزن متوازن\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eالوزن الكلي 4500 جرام لتحقيق توازن بين الراحة والمتانة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧳\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eمثالية للسفر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتصميم قابل للربط لسهولة الحمل والتنقل أثناء السفر والتجمعات العائلية\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eالمواصفات التفصيلية\u003c\/h2\u003e\n\u003cdiv class=\"specs-table-container\"\u003e\n\u003ctable class=\"specs-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eالمواصفات\u003c\/th\u003e\n\u003cth\u003eالتفاصيل\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالوزن الإجمالي\u003c\/td\u003e\n\u003ctd class=\"value\"\u003e4500 جرام\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالمادة الخارجية\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eمايكروفايبر ناعم\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالحشو\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eألياف فايبر مريحة\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eاللون\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eيونيكورن جالاكسي\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالاستخدامات\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eالنوم، القراءة، السفر، التجمعات العائلية\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd class=\"label\"\u003eالمقاس\u003c\/td\u003e\n\u003ctd class=\"value\"\u003e230 × 90\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 Puff ","offers":[{"title":"Default Title","offer_id":45097126068423,"sku":"175535479968a096afbb299","price":1299.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/N7L04743.webp?v=1747040293"},{"product_id":"p10","title":"مرتبة أرضية قابلة للطي (ستون ميكس)","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n \n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n \n @keyframes flipIn {\n 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n \n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n }\n \n .product-container {\n max-width: 900px;\n margin: 20px auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n padding: 0;\n position: relative;\n }\n \n .header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n left: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .product-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n transform-origin: center;\n animation: bounce 5s ease infinite;\n }\n \n .product-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .content {\n padding: 30px;\n }\n \n .section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n }\n \n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n transition: width 0.5s ease;\n animation: grow 1s forwards;\n }\n \n @keyframes grow {\n to { width: 100%; }\n }\n \n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 40px;\n }\n \n .feature-card {\n background: white;\n border-radius: 10px;\n padding: 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-bottom: 3px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n }\n \n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .feature-card:nth-child(1) { animation-delay: 0.1s; }\n .feature-card:nth-child(2) { animation-delay: 0.2s; }\n .feature-card:nth-child(3) { animation-delay: 0.3s; }\n .feature-card:nth-child(4) { animation-delay: 0.4s; }\n .feature-card:nth-child(5) { animation-delay: 0.5s; }\n \n .feature-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(to right, #3498db, #2ecc71);\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.5s ease;\n }\n \n .feature-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-bottom-color: #3498db;\n }\n \n .feature-card:hover::before {\n transform: scaleX(1);\n transform-origin: left;\n }\n \n .feature-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-bottom: 15px;\n color: white;\n font-size: 20px;\n animation: float 3s ease-in-out infinite;\n }\n \n .feature-title {\n font-size: 18px;\n font-weight: 700;\n color: #34495e;\n margin-bottom: 10px;\n }\n \n .feature-desc {\n color: #7f8c8d;\n line-height: 1.6;\n }\n \n .specs-table-container {\n margin-top: 30px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n overflow: hidden;\n background: white;\n }\n \n .specs-table th {\n background: linear-gradient(to left, #3498db, #2980b9);\n color: white;\n padding: 15px;\n text-align: right;\n font-weight: 500;\n }\n \n .specs-table tr {\n opacity: 0;\n animation: flipIn 0.5s forwards;\n }\n \n .specs-table tr:nth-child(1) { animation-delay: 0.1s; }\n .specs-table tr:nth-child(2) { animation-delay: 0.2s; }\n .specs-table tr:nth-child(3) { animation-delay: 0.3s; }\n .specs-table tr:nth-child(4) { animation-delay: 0.4s; }\n .specs-table tr:nth-child(5) { animation-delay: 0.5s; }\n \n .specs-table td {\n padding: 15px;\n border-bottom: 1px solid #ecf0f1;\n transition: all 0.3s ease;\n }\n \n .specs-table tr:last-child td {\n border-bottom: none;\n }\n \n .specs-table tr:hover td {\n background-color: #f8fdff;\n transform: translateX(-5px);\n }\n \n .specs-table tr:nth-child(even) {\n background-color: #f9fcff;\n }\n \n .label {\n font-weight: 500;\n color: #2c3e50;\n }\n \n .value {\n color: #3498db;\n }\n \n @media (max-width: 768px) {\n .features-grid {\n grid-template-columns: 1fr;\n }\n \n .product-title {\n font-size: 24px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eاستمتع بأقصى درجات الراحة مع مرتبتنا متعددة الاستخدامات\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eتصميم عصري وراحة فائقة تناسب جميع احتياجاتك\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"section-title\"\u003eالمميزات الفريدة\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eتصميم مبتكر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eيمكن طي الوسادة العلوية لتكوين مسند رأس مريح مثالي للقراءة أو النوم\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧵\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eخامات عالية الجودة\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eقماش خارجي من مايكروفايبر ناعم وحشو فايبر يمنحانك راحة بدون تكتل\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🎨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eلون أنيق\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتصميم  ستون ميكس يضيف لمسة مميزة لديكور منزلك\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚖️\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eوزن متوازن\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eالوزن الكلي 4500 جرام لتحقيق توازن بين الراحة والمتانة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧳\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eمثالية للسفر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتصميم قابل للربط لسهولة الحمل والتنقل أثناء السفر والتجمعات العائلية\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eالمواصفات التفصيلية\u003c\/h2\u003e\n\u003cdiv class=\"specs-table-container\"\u003e\n\u003ctable class=\"specs-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eالمواصفات\u003c\/th\u003e\n\u003cth\u003eالتفاصيل\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالوزن الإجمالي\u003c\/td\u003e\n\u003ctd class=\"value\"\u003e4500 جرام\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالمادة الخارجية\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eمايكروفايبر ناعم\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالحشو\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eألياف فايبر مريحة\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eاللون\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eستون ميكس\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالاستخدامات\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eالنوم، القراءة، السفر، التجمعات العائلية\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd class=\"label\"\u003eالمقاس\u003c\/td\u003e\n\u003ctd class=\"value\"\u003e230 × 90\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 Puff ","offers":[{"title":"Default Title","offer_id":45097127837895,"sku":"175535509568a097d710046","price":1299.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/N7L04775.webp?v=1747040396"},{"product_id":"قطعتين-مخدة-سوفت","title":"قطعتين مخدة سوفت","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n \/* Import Font *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n \n \/* Animations *\/\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n \n @keyframes flipIn {\n 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n \n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n \n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes grow {\n to { width: 100%; }\n }\n \n \/* Scoped Styles for Fiber Pillow Product *\/\n .fiber-pillow-container * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .fiber-pillow-container {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n padding: 20px;\n }\n \n .fiber-wrapper {\n max-width: 900px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n position: relative;\n }\n \n .fiber-header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .fiber-header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n right: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .fiber-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n animation: bounce 5s ease infinite;\n }\n \n .fiber-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .fiber-content {\n padding: 30px;\n }\n \n .fiber-intro {\n background: white;\n border-radius: 10px;\n padding: 25px;\n margin-bottom: 30px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n text-align: right;\n line-height: 2;\n opacity: 0;\n animation: flipIn 0.8s forwards;\n font-size: 17px;\n }\n \n .fiber-intro strong {\n display: block;\n color: #2980b9;\n font-size: 20px;\n margin-bottom: 15px;\n }\n \n .fiber-section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n font-weight: 700;\n }\n \n .fiber-section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n animation: grow 1s forwards;\n }\n \n .fiber-specs {\n list-style: none;\n padding: 0;\n margin-bottom: 30px;\n }\n \n .fiber-specs li {\n background: white;\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 15px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-right: 4px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n text-align: right;\n display: flex;\n align-items: center;\n font-size: 18px;\n line-height: 1.8;\n }\n \n .fiber-specs li:nth-child(1) { animation-delay: 0.1s; }\n .fiber-specs li:nth-child(2) { animation-delay: 0.2s; }\n .fiber-specs li:nth-child(3) { animation-delay: 0.3s; }\n .fiber-specs li:nth-child(4) { animation-delay: 0.4s; }\n .fiber-specs li:nth-child(5) { animation-delay: 0.5s; }\n \n .fiber-specs li::before {\n content: \"\";\n display: inline-block;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-left: 20px;\n margin-right: 15px;\n color: white;\n text-align: center;\n line-height: 40px;\n font-size: 18px;\n animation: float 3s ease-in-out infinite;\n flex-shrink: 0;\n }\n \n .fiber-specs li:nth-child(1)::before { content: \"📏\"; }\n .fiber-specs li:nth-child(2)::before { content: \"🛡️\"; }\n .fiber-specs li:nth-child(3)::before { content: \"✈️\"; }\n .fiber-specs li:nth-child(4)::before { content: \"📦\"; }\n .fiber-specs li:nth-child(5)::before { content: \"⚖️\"; }\n \n .fiber-specs li:hover {\n transform: translateY(-5px) translateX(5px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-right-color: #3498db;\n }\n \n .fiber-cta {\n background: white;\n border-radius: 10px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n text-align: center;\n margin-top: 30px;\n opacity: 0;\n animation: flipIn 0.8s forwards;\n animation-delay: 0.6s;\n }\n \n .fiber-cta p {\n color: #2980b9;\n font-size: 20px;\n font-weight: 700;\n background: linear-gradient(to left, #3498db, #2ecc71);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n text-shadow: none;\n }\n \n @media (max-width: 768px) {\n .fiber-title {\n font-size: 24px;\n }\n \n .fiber-content {\n padding: 20px;\n }\n \n .fiber-specs li {\n font-size: 16px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"fiber-pillow-container\"\u003e\n\u003cdiv class=\"fiber-wrapper\"\u003e\n\u003cdiv class=\"fiber-header\"\u003e\n\u003ch1 class=\"fiber-title\"\u003eقطعتين مخدة سوفت\u003c\/h1\u003e\n\u003cp class=\"fiber-subtitle\"\u003eراحة فائقة لنوم هانئ\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fiber-content\"\u003e\n\u003cdiv class=\"fiber-intro\"\u003e\n\u003cstrong\u003eمخدة فايبر سوفت ناعم لراحة مثالية في كل وقت\u003c\/strong\u003e\n\u003cp\u003eخامة ناعمه جداً تضمن لك راحة ل رقبتك وظهرك. الأبعاد مناسبة جدا، هتقدر تتحرك بيها في السفر و الرحلات لانها سهلة الضغط.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"fiber-section-title\"\u003eالمواصفات\u003c\/h2\u003e\n\u003cul class=\"fiber-specs\"\u003e\n\u003cli\u003eالابعاد :- 50×70 سم\u003c\/li\u003e\n\u003cli\u003eخامة من الفايبر السوفت الناعم تضمن لك راحة ل رقبتك وظهرك\u003c\/li\u003e\n\u003cli\u003eأبعاد مناسبة جدا، هتقدر تتحرك بيها في السفر و الرحلات لانها سهلة الضغط\u003c\/li\u003e\n\u003cli\u003eمحتوى العبوة: 2×مخدة\u003c\/li\u003e\n\u003cli\u003eالوزن : ١٤٥٠-١٥٥٠ جرام تقريباً\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"fiber-cta\"\u003e\n\u003cp\u003e! اختيارك المثالي للراحة في المنزل والسفر\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 bluff ","offers":[{"title":"Default Title","offer_id":45292883673287,"sku":"175534565868a072fa577c6","price":600.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":"مرتبة-أرضية-قابلة-للطي-ستون-ميكس-copy","title":"مرتبة أرضية قابلة للطي (دايموند جراي)","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n \n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n \n @keyframes flipIn {\n 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n \n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n }\n \n .product-container {\n max-width: 900px;\n margin: 20px auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n padding: 0;\n position: relative;\n }\n \n .header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n left: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .product-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n transform-origin: center;\n animation: bounce 5s ease infinite;\n }\n \n .product-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .content {\n padding: 30px;\n }\n \n .section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n }\n \n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n transition: width 0.5s ease;\n animation: grow 1s forwards;\n }\n \n @keyframes grow {\n to { width: 100%; }\n }\n \n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 40px;\n }\n \n .feature-card {\n background: white;\n border-radius: 10px;\n padding: 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-bottom: 3px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n }\n \n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .feature-card:nth-child(1) { animation-delay: 0.1s; }\n .feature-card:nth-child(2) { animation-delay: 0.2s; }\n .feature-card:nth-child(3) { animation-delay: 0.3s; }\n .feature-card:nth-child(4) { animation-delay: 0.4s; }\n .feature-card:nth-child(5) { animation-delay: 0.5s; }\n \n .feature-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(to right, #3498db, #2ecc71);\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.5s ease;\n }\n \n .feature-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-bottom-color: #3498db;\n }\n \n .feature-card:hover::before {\n transform: scaleX(1);\n transform-origin: left;\n }\n \n .feature-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-bottom: 15px;\n color: white;\n font-size: 20px;\n animation: float 3s ease-in-out infinite;\n }\n \n .feature-title {\n font-size: 18px;\n font-weight: 700;\n color: #34495e;\n margin-bottom: 10px;\n }\n \n .feature-desc {\n color: #7f8c8d;\n line-height: 1.6;\n }\n \n .specs-table-container {\n margin-top: 30px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n overflow: hidden;\n background: white;\n }\n \n .specs-table th {\n background: linear-gradient(to left, #3498db, #2980b9);\n color: white;\n padding: 15px;\n text-align: right;\n font-weight: 500;\n }\n \n .specs-table tr {\n opacity: 0;\n animation: flipIn 0.5s forwards;\n }\n \n .specs-table tr:nth-child(1) { animation-delay: 0.1s; }\n .specs-table tr:nth-child(2) { animation-delay: 0.2s; }\n .specs-table tr:nth-child(3) { animation-delay: 0.3s; }\n .specs-table tr:nth-child(4) { animation-delay: 0.4s; }\n .specs-table tr:nth-child(5) { animation-delay: 0.5s; }\n \n .specs-table td {\n padding: 15px;\n border-bottom: 1px solid #ecf0f1;\n transition: all 0.3s ease;\n }\n \n .specs-table tr:last-child td {\n border-bottom: none;\n }\n \n .specs-table tr:hover td {\n background-color: #f8fdff;\n transform: translateX(-5px);\n }\n \n .specs-table tr:nth-child(even) {\n background-color: #f9fcff;\n }\n \n .label {\n font-weight: 500;\n color: #2c3e50;\n }\n \n .value {\n color: #3498db;\n }\n \n @media (max-width: 768px) {\n .features-grid {\n grid-template-columns: 1fr;\n }\n \n .product-title {\n font-size: 24px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eاستمتع بأقصى درجات الراحة مع مرتبتنا متعددة الاستخدامات\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eتصميم عصري وراحة فائقة تناسب جميع احتياجاتك\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"section-title\"\u003eالمميزات الفريدة\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eتصميم مبتكر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eيمكن طي الوسادة العلوية لتكوين مسند رأس مريح مثالي للقراءة أو النوم\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧵\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eخامات عالية الجودة\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eقماش خارجي من مايكروفايبر ناعم وحشو فايبر يمنحانك راحة بدون تكتل\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🎨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eلون أنيق\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتصميم  دايموند جراي يضيف لمسة مميزة لديكور منزلك\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚖️\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eوزن متوازن\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eالوزن الكلي 4500 جرام لتحقيق توازن بين الراحة والمتانة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧳\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eمثالية للسفر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتصميم قابل للربط لسهولة الحمل والتنقل أثناء السفر والتجمعات العائلية\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eالمواصفات التفصيلية\u003c\/h2\u003e\n\u003cdiv class=\"specs-table-container\"\u003e\n\u003ctable class=\"specs-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eالمواصفات\u003c\/th\u003e\n\u003cth\u003eالتفاصيل\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالوزن الإجمالي\u003c\/td\u003e\n\u003ctd class=\"value\"\u003e4500 جرام\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالمادة الخارجية\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eمايكروفايبر ناعم\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالحشو\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eألياف فايبر مريحة\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eاللون\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eدايموند جراي\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالاستخدامات\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eالنوم، القراءة، السفر، التجمعات العائلية\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 Puff","offers":[{"title":"Default Title","offer_id":45415540588743,"sku":"175639088868b065e8022bb","price":1299.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/N7L07512.webp?v=1755019145"},{"product_id":"مرتبة-أرضية-قابلة-للطي-دايموند-جراي-copy","title":"مرتبة أرضية قابلة للطي (جالاكسي يونيكورن)","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n \n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n \n @keyframes flipIn {\n 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n \n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n }\n \n .product-container {\n max-width: 900px;\n margin: 20px auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n padding: 0;\n position: relative;\n }\n \n .header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n left: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .product-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n transform-origin: center;\n animation: bounce 5s ease infinite;\n }\n \n .product-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .content {\n padding: 30px;\n }\n \n .section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n }\n \n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n transition: width 0.5s ease;\n animation: grow 1s forwards;\n }\n \n @keyframes grow {\n to { width: 100%; }\n }\n \n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 40px;\n }\n \n .feature-card {\n background: white;\n border-radius: 10px;\n padding: 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-bottom: 3px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n }\n \n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .feature-card:nth-child(1) { animation-delay: 0.1s; }\n .feature-card:nth-child(2) { animation-delay: 0.2s; }\n .feature-card:nth-child(3) { animation-delay: 0.3s; }\n .feature-card:nth-child(4) { animation-delay: 0.4s; }\n .feature-card:nth-child(5) { animation-delay: 0.5s; }\n \n .feature-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(to right, #3498db, #2ecc71);\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.5s ease;\n }\n \n .feature-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-bottom-color: #3498db;\n }\n \n .feature-card:hover::before {\n transform: scaleX(1);\n transform-origin: left;\n }\n \n .feature-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-bottom: 15px;\n color: white;\n font-size: 20px;\n animation: float 3s ease-in-out infinite;\n }\n \n .feature-title {\n font-size: 18px;\n font-weight: 700;\n color: #34495e;\n margin-bottom: 10px;\n }\n \n .feature-desc {\n color: #7f8c8d;\n line-height: 1.6;\n }\n \n .specs-table-container {\n margin-top: 30px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n overflow: hidden;\n background: white;\n }\n \n .specs-table th {\n background: linear-gradient(to left, #3498db, #2980b9);\n color: white;\n padding: 15px;\n text-align: right;\n font-weight: 500;\n }\n \n .specs-table tr {\n opacity: 0;\n animation: flipIn 0.5s forwards;\n }\n \n .specs-table tr:nth-child(1) { animation-delay: 0.1s; }\n .specs-table tr:nth-child(2) { animation-delay: 0.2s; }\n .specs-table tr:nth-child(3) { animation-delay: 0.3s; }\n .specs-table tr:nth-child(4) { animation-delay: 0.4s; }\n .specs-table tr:nth-child(5) { animation-delay: 0.5s; }\n \n .specs-table td {\n padding: 15px;\n border-bottom: 1px solid #ecf0f1;\n transition: all 0.3s ease;\n }\n \n .specs-table tr:last-child td {\n border-bottom: none;\n }\n \n .specs-table tr:hover td {\n background-color: #f8fdff;\n transform: translateX(-5px);\n }\n \n .specs-table tr:nth-child(even) {\n background-color: #f9fcff;\n }\n \n .label {\n font-weight: 500;\n color: #2c3e50;\n }\n \n .value {\n color: #3498db;\n }\n \n @media (max-width: 768px) {\n .features-grid {\n grid-template-columns: 1fr;\n }\n \n .product-title {\n font-size: 24px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eاستمتع بأقصى درجات الراحة مع مرتبتنا متعددة الاستخدامات\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eتصميم عصري وراحة فائقة تناسب جميع احتياجاتك\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"section-title\"\u003eالمميزات الفريدة\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eتصميم مبتكر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eيمكن طي الوسادة العلوية لتكوين مسند رأس مريح مثالي للقراءة أو النوم\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧵\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eخامات عالية الجودة\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eقماش خارجي من مايكروفايبر ناعم وحشو فايبر يمنحانك راحة بدون تكتل\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🎨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eلون أنيق\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتصميم  جالاكسي يونيكورن يضيف لمسة مميزة لديكور منزلك\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚖️\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eوزن متوازن\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eالوزن الكلي 4500 جرام لتحقيق توازن بين الراحة والمتانة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧳\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eمثالية للسفر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتصميم قابل للربط لسهولة الحمل والتنقل أثناء السفر والتجمعات العائلية\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eالمواصفات التفصيلية\u003c\/h2\u003e\n\u003cdiv class=\"specs-table-container\"\u003e\n\u003ctable class=\"specs-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eالمواصفات\u003c\/th\u003e\n\u003cth\u003eالتفاصيل\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالوزن الإجمالي\u003c\/td\u003e\n\u003ctd class=\"value\"\u003e4500 جرام\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالمادة الخارجية\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eمايكروفايبر ناعم\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالحشو\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eألياف فايبر مريحة\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eاللون\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eجالاكسي يونيكورن\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالاستخدامات\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eالنوم، القراءة، السفر، التجمعات العائلية\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd class=\"label\"\u003eالمقاس\u003c\/td\u003e\n\u003ctd class=\"value\"\u003e230 × 90\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 Puff","offers":[{"title":"Default Title","offer_id":45415551107271,"sku":"175639073968b0655330e01","price":1299.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/N7L07461.webp?v=1755017279"},{"product_id":"مرتبة-أرضية-قابلة-للطي-جالاكسي-يونيكورن-copy","title":"مرتبة أرضية قابلة للطي (كاروسيل بينك )","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n \n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n \n @keyframes flipIn {\n 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n \n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n }\n \n .product-container {\n max-width: 900px;\n margin: 20px auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n padding: 0;\n position: relative;\n }\n \n .header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n left: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .product-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n transform-origin: center;\n animation: bounce 5s ease infinite;\n }\n \n .product-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .content {\n padding: 30px;\n }\n \n .section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n }\n \n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n transition: width 0.5s ease;\n animation: grow 1s forwards;\n }\n \n @keyframes grow {\n to { width: 100%; }\n }\n \n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 40px;\n }\n \n .feature-card {\n background: white;\n border-radius: 10px;\n padding: 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-bottom: 3px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n }\n \n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .feature-card:nth-child(1) { animation-delay: 0.1s; }\n .feature-card:nth-child(2) { animation-delay: 0.2s; }\n .feature-card:nth-child(3) { animation-delay: 0.3s; }\n .feature-card:nth-child(4) { animation-delay: 0.4s; }\n .feature-card:nth-child(5) { animation-delay: 0.5s; }\n \n .feature-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(to right, #3498db, #2ecc71);\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.5s ease;\n }\n \n .feature-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-bottom-color: #3498db;\n }\n \n .feature-card:hover::before {\n transform: scaleX(1);\n transform-origin: left;\n }\n \n .feature-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-bottom: 15px;\n color: white;\n font-size: 20px;\n animation: float 3s ease-in-out infinite;\n }\n \n .feature-title {\n font-size: 18px;\n font-weight: 700;\n color: #34495e;\n margin-bottom: 10px;\n }\n \n .feature-desc {\n color: #7f8c8d;\n line-height: 1.6;\n }\n \n .specs-table-container {\n margin-top: 30px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n overflow: hidden;\n background: white;\n }\n \n .specs-table th {\n background: linear-gradient(to left, #3498db, #2980b9);\n color: white;\n padding: 15px;\n text-align: right;\n font-weight: 500;\n }\n \n .specs-table tr {\n opacity: 0;\n animation: flipIn 0.5s forwards;\n }\n \n .specs-table tr:nth-child(1) { animation-delay: 0.1s; }\n .specs-table tr:nth-child(2) { animation-delay: 0.2s; }\n .specs-table tr:nth-child(3) { animation-delay: 0.3s; }\n .specs-table tr:nth-child(4) { animation-delay: 0.4s; }\n .specs-table tr:nth-child(5) { animation-delay: 0.5s; }\n \n .specs-table td {\n padding: 15px;\n border-bottom: 1px solid #ecf0f1;\n transition: all 0.3s ease;\n }\n \n .specs-table tr:last-child td {\n border-bottom: none;\n }\n \n .specs-table tr:hover td {\n background-color: #f8fdff;\n transform: translateX(-5px);\n }\n \n .specs-table tr:nth-child(even) {\n background-color: #f9fcff;\n }\n \n .label {\n font-weight: 500;\n color: #2c3e50;\n }\n \n .value {\n color: #3498db;\n }\n \n @media (max-width: 768px) {\n .features-grid {\n grid-template-columns: 1fr;\n }\n \n .product-title {\n font-size: 24px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eاستمتع بأقصى درجات الراحة مع مرتبتنا متعددة الاستخدامات\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eتصميم عصري وراحة فائقة تناسب جميع احتياجاتك\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"section-title\"\u003eالمميزات الفريدة\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eتصميم مبتكر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eيمكن طي الوسادة العلوية لتكوين مسند رأس مريح مثالي للقراءة أو النوم\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧵\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eخامات عالية الجودة\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eقماش خارجي من مايكروفايبر ناعم وحشو فايبر يمنحانك راحة بدون تكتل\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🎨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eلون أنيق\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتصميم  كاروسيل بينك يضيف لمسة مميزة لديكور منزلك\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚖️\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eوزن متوازن\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eالوزن الكلي 4500 جرام لتحقيق توازن بين الراحة والمتانة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧳\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eمثالية للسفر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتصميم قابل للربط لسهولة الحمل والتنقل أثناء السفر والتجمعات العائلية\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eالمواصفات التفصيلية\u003c\/h2\u003e\n\u003cdiv class=\"specs-table-container\"\u003e\n\u003ctable class=\"specs-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eالمواصفات\u003c\/th\u003e\n\u003cth\u003eالتفاصيل\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالوزن الإجمالي\u003c\/td\u003e\n\u003ctd class=\"value\"\u003e4500 جرام\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالمادة الخارجية\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eمايكروفايبر ناعم\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالحشو\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eألياف فايبر مريحة\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eاللون\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eكاروسيل بينك\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالاستخدامات\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eالنوم، القراءة، السفر، التجمعات العائلية\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd class=\"label\"\u003eالمقاس\u003c\/td\u003e\n\u003ctd class=\"value\"\u003e230 × 90\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 Puff","offers":[{"title":"Default Title","offer_id":45415606911175,"sku":"175639061968b064dbdc909","price":1299.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/38e7305e-0617-4d3c-928b-5d4fb0691913.jpg?v=1755019780"},{"product_id":"مرتبة-أرضية-قابلة-للطي-جيو-فيستا-copy","title":"مرتبة أرضية قابلة للطي ( جيم مود)","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n \n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n \n @keyframes flipIn {\n 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n \n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n }\n \n .product-container {\n max-width: 900px;\n margin: 20px auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n padding: 0;\n position: relative;\n }\n \n .header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n left: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .product-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n transform-origin: center;\n animation: bounce 5s ease infinite;\n }\n \n .product-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .content {\n padding: 30px;\n }\n \n .section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n }\n \n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n transition: width 0.5s ease;\n animation: grow 1s forwards;\n }\n \n @keyframes grow {\n to { width: 100%; }\n }\n \n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 40px;\n }\n \n .feature-card {\n background: white;\n border-radius: 10px;\n padding: 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-bottom: 3px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n }\n \n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .feature-card:nth-child(1) { animation-delay: 0.1s; }\n .feature-card:nth-child(2) { animation-delay: 0.2s; }\n .feature-card:nth-child(3) { animation-delay: 0.3s; }\n .feature-card:nth-child(4) { animation-delay: 0.4s; }\n .feature-card:nth-child(5) { animation-delay: 0.5s; }\n \n .feature-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(to right, #3498db, #2ecc71);\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.5s ease;\n }\n \n .feature-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-bottom-color: #3498db;\n }\n \n .feature-card:hover::before {\n transform: scaleX(1);\n transform-origin: left;\n }\n \n .feature-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-bottom: 15px;\n color: white;\n font-size: 20px;\n animation: float 3s ease-in-out infinite;\n }\n \n .feature-title {\n font-size: 18px;\n font-weight: 700;\n color: #34495e;\n margin-bottom: 10px;\n }\n \n .feature-desc {\n color: #7f8c8d;\n line-height: 1.6;\n }\n \n .specs-table-container {\n margin-top: 30px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n overflow: hidden;\n background: white;\n }\n \n .specs-table th {\n background: linear-gradient(to left, #3498db, #2980b9);\n color: white;\n padding: 15px;\n text-align: right;\n font-weight: 500;\n }\n \n .specs-table tr {\n opacity: 0;\n animation: flipIn 0.5s forwards;\n }\n \n .specs-table tr:nth-child(1) { animation-delay: 0.1s; }\n .specs-table tr:nth-child(2) { animation-delay: 0.2s; }\n .specs-table tr:nth-child(3) { animation-delay: 0.3s; }\n .specs-table tr:nth-child(4) { animation-delay: 0.4s; }\n .specs-table tr:nth-child(5) { animation-delay: 0.5s; }\n \n .specs-table td {\n padding: 15px;\n border-bottom: 1px solid #ecf0f1;\n transition: all 0.3s ease;\n }\n \n .specs-table tr:last-child td {\n border-bottom: none;\n }\n \n .specs-table tr:hover td {\n background-color: #f8fdff;\n transform: translateX(-5px);\n }\n \n .specs-table tr:nth-child(even) {\n background-color: #f9fcff;\n }\n \n .label {\n font-weight: 500;\n color: #2c3e50;\n }\n \n .value {\n color: #3498db;\n }\n \n @media (max-width: 768px) {\n .features-grid {\n grid-template-columns: 1fr;\n }\n \n .product-title {\n font-size: 24px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eاستمتع بأقصى درجات الراحة مع مرتبتنا متعددة الاستخدامات\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eتصميم عصري وراحة فائقة تناسب جميع احتياجاتك\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"section-title\"\u003eالمميزات الفريدة\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eتصميم مبتكر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eيمكن طي الوسادة العلوية لتكوين مسند رأس مريح مثالي للقراءة أو النوم\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧵\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eخامات عالية الجودة\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eقماش خارجي من مايكروفايبر ناعم وحشو فايبر يمنحانك راحة بدون تكتل\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🎨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eلون أنيق\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتصميم  جيم مود يضيف لمسة مميزة لديكور منزلك\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚖️\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eوزن متوازن\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eالوزن الكلي 4500 جرام لتحقيق توازن بين الراحة والمتانة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧳\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eمثالية للسفر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتصميم قابل للربط لسهولة الحمل والتنقل أثناء السفر والتجمعات العائلية\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eالمواصفات التفصيلية\u003c\/h2\u003e\n\u003cdiv class=\"specs-table-container\"\u003e\n\u003ctable class=\"specs-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eالمواصفات\u003c\/th\u003e\n\u003cth\u003eالتفاصيل\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالوزن الإجمالي\u003c\/td\u003e\n\u003ctd class=\"value\"\u003e4500 جرام\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالمادة الخارجية\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eمايكروفايبر ناعم\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالحشو\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eألياف فايبر مريحة\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eاللون\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eجيم مود\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالاستخدامات\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eالنوم، القراءة، السفر، التجمعات العائلية\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 Puff","offers":[{"title":"Default Title","offer_id":45415617495239,"sku":"175639026468b063780460b","price":1299.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/N7L07426.webp?v=1755019997"},{"product_id":"مرتبة-أرضية-قابلة-للطي-بينك-جريد-copy","title":"مرتبة أرضية قابلة للطي (جولدن نيفي)","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n \n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n \n @keyframes flipIn {\n 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n \n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n }\n \n .product-container {\n max-width: 900px;\n margin: 20px auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n padding: 0;\n position: relative;\n }\n \n .header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n left: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .product-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n transform-origin: center;\n animation: bounce 5s ease infinite;\n }\n \n .product-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .content {\n padding: 30px;\n }\n \n .section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n }\n \n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n transition: width 0.5s ease;\n animation: grow 1s forwards;\n }\n \n @keyframes grow {\n to { width: 100%; }\n }\n \n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 40px;\n }\n \n .feature-card {\n background: white;\n border-radius: 10px;\n padding: 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-bottom: 3px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n }\n \n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .feature-card:nth-child(1) { animation-delay: 0.1s; }\n .feature-card:nth-child(2) { animation-delay: 0.2s; }\n .feature-card:nth-child(3) { animation-delay: 0.3s; }\n .feature-card:nth-child(4) { animation-delay: 0.4s; }\n .feature-card:nth-child(5) { animation-delay: 0.5s; }\n \n .feature-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(to right, #3498db, #2ecc71);\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.5s ease;\n }\n \n .feature-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-bottom-color: #3498db;\n }\n \n .feature-card:hover::before {\n transform: scaleX(1);\n transform-origin: left;\n }\n \n .feature-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-bottom: 15px;\n color: white;\n font-size: 20px;\n animation: float 3s ease-in-out infinite;\n }\n \n .feature-title {\n font-size: 18px;\n font-weight: 700;\n color: #34495e;\n margin-bottom: 10px;\n }\n \n .feature-desc {\n color: #7f8c8d;\n line-height: 1.6;\n }\n \n .specs-table-container {\n margin-top: 30px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n overflow: hidden;\n background: white;\n }\n \n .specs-table th {\n background: linear-gradient(to left, #3498db, #2980b9);\n color: white;\n padding: 15px;\n text-align: right;\n font-weight: 500;\n }\n \n .specs-table tr {\n opacity: 0;\n animation: flipIn 0.5s forwards;\n }\n \n .specs-table tr:nth-child(1) { animation-delay: 0.1s; }\n .specs-table tr:nth-child(2) { animation-delay: 0.2s; }\n .specs-table tr:nth-child(3) { animation-delay: 0.3s; }\n .specs-table tr:nth-child(4) { animation-delay: 0.4s; }\n .specs-table tr:nth-child(5) { animation-delay: 0.5s; }\n \n .specs-table td {\n padding: 15px;\n border-bottom: 1px solid #ecf0f1;\n transition: all 0.3s ease;\n }\n \n .specs-table tr:last-child td {\n border-bottom: none;\n }\n \n .specs-table tr:hover td {\n background-color: #f8fdff;\n transform: translateX(-5px);\n }\n \n .specs-table tr:nth-child(even) {\n background-color: #f9fcff;\n }\n \n .label {\n font-weight: 500;\n color: #2c3e50;\n }\n \n .value {\n color: #3498db;\n }\n \n @media (max-width: 768px) {\n .features-grid {\n grid-template-columns: 1fr;\n }\n \n .product-title {\n font-size: 24px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eاستمتع بأقصى درجات الراحة مع مرتبتنا متعددة الاستخدامات\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eتصميم عصري وراحة فائقة تناسب جميع احتياجاتك\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"section-title\"\u003eالمميزات الفريدة\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eتصميم مبتكر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eيمكن طي الوسادة العلوية لتكوين مسند رأس مريح مثالي للقراءة أو النوم\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧵\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eخامات عالية الجودة\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eقماش خارجي من مايكروفايبر ناعم وحشو فايبر يمنحانك راحة بدون تكتل\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🎨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eلون أنيق\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتصميم  جولدن نيفي يضيف لمسة مميزة لديكور منزلك\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚖️\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eوزن متوازن\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eالوزن الكلي 4500 جرام لتحقيق توازن بين الراحة والمتانة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧳\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eمثالية للسفر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتصميم قابل للربط لسهولة الحمل والتنقل أثناء السفر والتجمعات العائلية\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eالمواصفات التفصيلية\u003c\/h2\u003e\n\u003cdiv class=\"specs-table-container\"\u003e\n\u003ctable class=\"specs-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eالمواصفات\u003c\/th\u003e\n\u003cth\u003eالتفاصيل\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالوزن الإجمالي\u003c\/td\u003e\n\u003ctd class=\"value\"\u003e4500 جرام\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالمادة الخارجية\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eمايكروفايبر ناعم\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالحشو\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eألياف فايبر مريحة\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eاللون\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eستون ميكس\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالاستخدامات\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eالنوم، القراءة، السفر، التجمعات العائلية\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 Puff","offers":[{"title":"Default Title","offer_id":45415624310983,"sku":"175638996268b0624a1a9ff","price":1299.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/N7L07446.webp?v=1755020091"},{"product_id":"مخدة-جيل-ميموري-فوم","title":"مخدة جيل ميموري فوم","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n \n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n \n @keyframes flipIn {\n 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n \n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n \n @keyframes fadeUp {\n 0% {\n opacity: 0;\n transform: translateY(30px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes grow {\n 0% { width: 0; }\n 100% { width: 100%; }\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n }\n \n .product-container {\n max-width: 900px;\n margin: 20px auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n padding: 0;\n position: relative;\n }\n \n .header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n left: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .product-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n transform-origin: center;\n animation: bounce 5s ease infinite;\n }\n \n .product-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .content {\n padding: 30px;\n }\n \n .section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n }\n \n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n transition: width 0.5s ease;\n animation: grow 1s forwards;\n }\n \n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 40px;\n }\n \n .feature-card {\n background: white;\n border-radius: 10px;\n padding: 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-bottom: 3px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n }\n \n .feature-card:nth-child(1) { animation-delay: 0.1s; }\n .feature-card:nth-child(2) { animation-delay: 0.2s; }\n .feature-card:nth-child(3) { animation-delay: 0.3s; }\n .feature-card:nth-child(4) { animation-delay: 0.4s; }\n .feature-card:nth-child(5) { animation-delay: 0.5s; }\n .feature-card:nth-child(6) { animation-delay: 0.6s; }\n .feature-card:nth-child(7) { animation-delay: 0.7s; }\n .feature-card:nth-child(8) { animation-delay: 0.8s; }\n \n .feature-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(to right, #3498db, #2ecc71);\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.5s ease;\n }\n \n .feature-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-bottom-color: #3498db;\n }\n \n .feature-card:hover::before {\n transform: scaleX(1);\n transform-origin: left;\n }\n \n .feature-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-bottom: 15px;\n color: white;\n font-size: 20px;\n animation: float 3s ease-in-out infinite;\n }\n \n .feature-title {\n font-size: 18px;\n font-weight: 700;\n color: #34495e;\n margin-bottom: 10px;\n }\n \n .feature-desc {\n color: #7f8c8d;\n line-height: 1.6;\n }\n \n .size-highlight {\n background: linear-gradient(to left, #3498db, #2980b9);\n color: white;\n padding: 20px;\n border-radius: 10px;\n text-align: center;\n font-size: 20px;\n font-weight: 700;\n margin-bottom: 30px;\n position: relative;\n overflow: hidden;\n }\n \n .size-highlight::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\n animation: shine 2s linear infinite;\n }\n \n @media (max-width: 768px) {\n .features-grid {\n grid-template-columns: 1fr;\n }\n \n .product-title {\n font-size: 24px;\n }\n \n .product-container {\n margin: 10px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eوسادة الميموري فوم الطبية\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eراحة فائقة ودعم مثالي لنوم صحي\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"size-highlight\"\u003eالمقاس: 40 × 60 × 12 سم\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eالمميزات والفوائد\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧠\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eميموري فوم عالي الجودة\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eمصنوعة من ميموري فوم متوسط الكثافة، عالي الجودة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🦴\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eدعم العمود الفقري\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتحافظ على استقامة العمود الفقري أثناء النوم\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e💆\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eتقليل الضغط\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتأخذ شكل انحناءات الرقبة والرأس لتخفيف الضغط عليهم أثناء النوم\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e❄️\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eطبقة الجل المبردة\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eطبقة جل توفر درجة برودة مناسبة أثناء النوم\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eمضادة للحساسية\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eلا تسبب الحساسية\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧽\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eسهولة التنظيف\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eغطاء خارجي قابل للفك والغسيل\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⏰\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eمتانة وطول العمر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتتميز بالمحافظة على شكلها والعمر الافتراضي الطويل\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🛌\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eمناسبة لجميع أوضاع النوم\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eلمن يفضل النوم على الجنب والظهر\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 bluff ","offers":[{"title":"Default Title","offer_id":45540081107143,"sku":"176055819468effc7253ef9","price":1799.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/WhatsApp_Image_2025-09-14_at_9.25.46_AM_1.webp?v=1757850724"},{"product_id":"مخدة-رقبة-سفر-ميموري-فوم-لون-احمر","title":"مخدة رقبة سفر ميموري فوم","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n \n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n \n @keyframes flipIn {\n 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n \n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n \n @keyframes fadeUp {\n 0% {\n opacity: 0;\n transform: translateY(30px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes grow {\n 0% { width: 0; }\n 100% { width: 100%; }\n }\n \n @keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n }\n \n .product-container {\n max-width: 900px;\n margin: 20px auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n padding: 0;\n position: relative;\n }\n \n .header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n left: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .product-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n transform-origin: center;\n animation: bounce 5s ease infinite;\n }\n \n .brand-highlight {\n background: rgba(255, 255, 255, 0.2);\n padding: 5px 15px;\n border-radius: 20px;\n display: inline-block;\n font-weight: 700;\n font-size: 20px;\n margin: 0 5px;\n animation: pulse 2s ease-in-out infinite;\n }\n \n .product-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .content {\n padding: 30px;\n }\n \n .section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n }\n \n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n transition: width 0.5s ease;\n animation: grow 1s forwards;\n }\n \n .intro-card {\n background: white;\n border-radius: 15px;\n padding: 30px;\n margin-bottom: 30px;\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n position: relative;\n overflow: hidden;\n border-right: 4px solid #3498db;\n }\n \n .intro-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(to right, #3498db, #2ecc71);\n transform: scaleX(0);\n animation: grow 1.5s forwards;\n }\n \n .intro-text {\n color: #34495e;\n line-height: 1.8;\n font-size: 17px;\n margin-bottom: 15px;\n }\n \n .intro-highlight {\n color: #2980b9;\n font-weight: 700;\n font-size: 18px;\n line-height: 1.8;\n }\n \n .travel-scenarios {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n margin-bottom: 40px;\n }\n \n .travel-card {\n background: white;\n border-radius: 12px;\n padding: 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-bottom: 3px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n text-align: center;\n }\n \n .travel-card:nth-child(1) { animation-delay: 0.2s; }\n .travel-card:nth-child(2) { animation-delay: 0.4s; }\n .travel-card:nth-child(3) { animation-delay: 0.6s; }\n .travel-card:nth-child(4) { animation-delay: 0.8s; }\n \n .travel-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(to right, #3498db, #2ecc71);\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.5s ease;\n }\n \n .travel-card:hover {\n transform: translateY(-8px) scale(1.02);\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);\n border-bottom-color: #3498db;\n }\n \n .travel-card:hover::before {\n transform: scaleX(1);\n transform-origin: left;\n }\n \n .travel-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 55px;\n height: 55px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin: 0 auto 15px;\n color: white;\n font-size: 22px;\n animation: float 3s ease-in-out infinite;\n }\n \n .travel-name {\n font-size: 16px;\n font-weight: 700;\n color: #34495e;\n }\n \n .specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 40px;\n }\n \n .spec-card {\n background: white;\n border-radius: 10px;\n padding: 25px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-bottom: 3px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n }\n \n .spec-card:nth-child(1) { animation-delay: 1.0s; }\n .spec-card:nth-child(2) { animation-delay: 1.2s; }\n .spec-card:nth-child(3) { animation-delay: 1.4s; }\n \n .spec-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(to right, #3498db, #2ecc71);\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.5s ease;\n }\n \n .spec-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-bottom-color: #3498db;\n }\n \n .spec-card:hover::before {\n transform: scaleX(1);\n transform-origin: left;\n }\n \n .spec-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-bottom: 15px;\n color: white;\n font-size: 20px;\n animation: float 3s ease-in-out infinite;\n }\n \n .spec-title {\n font-size: 18px;\n font-weight: 700;\n color: #34495e;\n margin-bottom: 10px;\n }\n \n .spec-desc {\n color: #7f8c8d;\n line-height: 1.6;\n }\n \n @media (max-width: 768px) {\n .travel-scenarios {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .specs-grid {\n grid-template-columns: 1fr;\n }\n \n .product-title {\n font-size: 24px;\n }\n \n .product-container {\n margin: 10px;\n }\n }\n \n @media (max-width: 480px) {\n .travel-scenarios {\n grid-template-columns: 1fr;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eمخدة الرقبة من \u003cspan class=\"brand-highlight\"\u003eفلاف اند بلاف\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eرفيقك المثالي في السفر\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"intro-card\"\u003e\n\u003cp class=\"intro-text\"\u003eمخدة الرقبة دي من \u003cstrong\u003eفلاف اند بلاف\u003c\/strong\u003e هتكون رفيقك المثالي في السفر. مصنوعة من ميموري فوم علشان تدعم رقبتك وتقلل من الآلام والتوتر أثناء الرحلات الطويلة.\u003c\/p\u003e\n\u003cp class=\"intro-text\"\u003eبتاخد شكل رقبتك وتوزع الضغط بشكل متوازن، فهتحس بارتياح حتى لو كان السفر طويل أو مريح.\u003c\/p\u003e\n\u003cp class=\"intro-highlight\"\u003eسواء كنت مسافر بالطائرة أو بالقطار أو في العربية، وسادة الرقبة دي هتديك راحة حقيقية وتخلي رحلتك أكتر راحة ومتعة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eمناسبة لكل وسائل السفر\u003c\/h2\u003e\n\u003cdiv class=\"travel-scenarios\"\u003e\n\u003cdiv class=\"travel-card\"\u003e\n\u003cdiv class=\"travel-icon\"\u003e✈️\u003c\/div\u003e\n\u003cdiv class=\"travel-name\"\u003eالطائرة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"travel-card\"\u003e\n\u003cdiv class=\"travel-icon\"\u003e🚂\u003c\/div\u003e\n\u003cdiv class=\"travel-name\"\u003eالقطار\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"travel-card\"\u003e\n\u003cdiv class=\"travel-icon\"\u003e🚗\u003c\/div\u003e\n\u003cdiv class=\"travel-name\"\u003eالسيارة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"travel-card\"\u003e\n\u003cdiv class=\"travel-icon\"\u003e🚌\u003c\/div\u003e\n\u003cdiv class=\"travel-name\"\u003eالحافلة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eالمواصفات والفوائد\u003c\/h2\u003e\n\u003cdiv class=\"specs-grid\"\u003e\n\u003cdiv class=\"spec-card\"\u003e\n\u003cdiv class=\"spec-icon\"\u003e🧠\u003c\/div\u003e\n\u003cdiv class=\"spec-title\"\u003eالخامة\u003c\/div\u003e\n\u003cdiv class=\"spec-desc\"\u003eميموري فوم عالي الجودة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-card\"\u003e\n\u003cdiv class=\"spec-icon\"\u003e🎯\u003c\/div\u003e\n\u003cdiv class=\"spec-title\"\u003eالاستخدام\u003c\/div\u003e\n\u003cdiv class=\"spec-desc\"\u003eللسفر الطويل – الطيارة – القطار – السيارة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-card\"\u003e\n\u003cdiv class=\"spec-icon\"\u003e💆\u003c\/div\u003e\n\u003cdiv class=\"spec-title\"\u003eالراحة\u003c\/div\u003e\n\u003cdiv class=\"spec-desc\"\u003eدعم ممتاز للرقبة – تقلل من التوتر والألم\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 bluff ","offers":[{"title":"احمر","offer_id":45541501599943,"sku":"176055744168eff98104f72","price":549.0,"currency_code":"EGP","in_stock":true},{"title":"كحلي","offer_id":45541501665479,"sku":"176055744168eff98104f72","price":549.0,"currency_code":"EGP","in_stock":true},{"title":"اسود","offer_id":45541501698247,"sku":"176055744168eff98104f72","price":549.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/21_5ba485aa-4d8d-4a56-b7d3-8d92294bbccf.webp?v=1757852891"},{"product_id":"مخدة-لاتكس","title":"مخدة لاتكس كلاسيك","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n \n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n \n @keyframes flipIn {\n 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n \n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n \n @keyframes fadeUp {\n 0% {\n opacity: 0;\n transform: translateY(30px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes grow {\n 0% { width: 0; }\n 100% { width: 100%; }\n }\n \n @keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n }\n \n .product-container {\n max-width: 900px;\n margin: 20px auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n padding: 0;\n position: relative;\n }\n \n .header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n left: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .product-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n transform-origin: center;\n animation: bounce 5s ease infinite;\n }\n \n .product-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .content {\n padding: 30px;\n }\n \n .section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n }\n \n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n transition: width 0.5s ease;\n animation: grow 1s forwards;\n }\n \n .hero-card {\n background: white;\n border-radius: 15px;\n padding: 30px;\n margin-bottom: 30px;\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n position: relative;\n overflow: hidden;\n border-right: 4px solid #3498db;\n }\n \n .hero-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(to right, #3498db, #2ecc71);\n transform: scaleX(0);\n animation: grow 1.5s forwards;\n }\n \n .hero-text {\n color: #34495e;\n line-height: 1.8;\n font-size: 18px;\n font-weight: 500;\n text-align: center;\n }\n \n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n margin-bottom: 40px;\n }\n \n .feature-card {\n background: white;\n border-radius: 12px;\n padding: 25px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-bottom: 3px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n }\n \n .feature-card:nth-child(1) { animation-delay: 0.2s; }\n .feature-card:nth-child(2) { animation-delay: 0.4s; }\n .feature-card:nth-child(3) { animation-delay: 0.6s; }\n .feature-card:nth-child(4) { animation-delay: 0.8s; }\n \n .feature-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(to right, #3498db, #2ecc71);\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.5s ease;\n }\n \n .feature-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-bottom-color: #3498db;\n }\n \n .feature-card:hover::before {\n transform: scaleX(1);\n transform-origin: left;\n }\n \n .feature-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 55px;\n height: 55px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-bottom: 18px;\n color: white;\n font-size: 22px;\n animation: float 3s ease-in-out infinite;\n }\n \n .feature-title {\n font-size: 18px;\n font-weight: 700;\n color: #34495e;\n margin-bottom: 12px;\n }\n \n .feature-desc {\n color: #7f8c8d;\n line-height: 1.6;\n font-size: 15px;\n }\n \n .why-choose-section {\n background: linear-gradient(135deg, #f8fdff 0%, #e8f4fd 100%);\n border-radius: 15px;\n padding: 30px;\n margin-bottom: 30px;\n position: relative;\n overflow: hidden;\n }\n \n .why-choose-section::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(to right, #3498db, #2ecc71);\n transform: scaleX(0);\n animation: grow 2s forwards;\n animation-delay: 1s;\n }\n \n .why-title {\n color: #2980b9;\n font-size: 24px;\n font-weight: 700;\n margin-bottom: 20px;\n text-align: center;\n }\n \n .why-content {\n color: #34495e;\n line-height: 1.8;\n font-size: 17px;\n font-weight: 500;\n text-align: center;\n }\n \n .benefits-highlight {\n background: linear-gradient(to left, #3498db, #2980b9);\n color: white;\n padding: 25px;\n border-radius: 15px;\n text-align: center;\n font-size: 18px;\n font-weight: 700;\n position: relative;\n overflow: hidden;\n margin-top: 20px;\n }\n \n .benefits-highlight::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\n animation: shine 3s linear infinite;\n }\n \n @media (max-width: 768px) {\n .features-grid {\n grid-template-columns: 1fr;\n }\n \n .product-title {\n font-size: 24px;\n }\n \n .product-container {\n margin: 10px;\n }\n \n .hero-text, .why-content {\n font-size: 16px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eمخدة اللاتكس الطبية\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eاستيقظ كل يوم بكامل نشاطك\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"hero-card\"\u003e\n\u003cp class=\"hero-text\"\u003eاستيقظ كل يوم وأنت بكامل نشاطك مع مخدة لاتكس المصممة لتوفير دعم متوازن للرقبة والرأس، ومساعدة الجسم على الحفاظ على وضعية نوم صحية طوال الليل.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eالمميزات الفريدة\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🦴\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eدعم مثالي للفقرات العنقية\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتصميمها المرن يساعد على توزيع الضغط بالتساوي، ويقلل من آلام الرقبة والكتفين\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🛡️\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eمقاومة للبكتيريا والغبار\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eمثالية لمن يعانون من الحساسية، بفضل خصائصها الطبيعية المضادة للميكروبات\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧽\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eكيس خارجي ناعم وقابل للإزالة\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eسهل الغسل، ويحافظ على نظافة المخدة بشكل دائم\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🛒\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eمتوفرة للطلب أونلاين في مصر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eالآن يمكنك شراء مخدة لاتكس بجودة فندقية عالية من خلال تجربة تسوق أونلاين سهلة وآمنة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"why-choose-section\"\u003e\n\u003ch2 class=\"why-title\"\u003eلماذا تختار مخدة لاتكس؟\u003c\/h2\u003e\n\u003cp class=\"why-content\"\u003eلأنها تجمع بين الراحة والدعم الطبيعي، وهي مثالية لكل من يبحث عن نوم صحي وخالي من التوتر العضلي.\u003c\/p\u003e\n\u003cdiv class=\"benefits-highlight\"\u003eلا مزيد من التقلبات أثناء الليل، ولا مزيد من الصداع الصباحي 💤\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 bluff ","offers":[{"title":"Default Title","offer_id":45540106502343,"sku":"176056051368f00581c9a72","price":1699.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/flat_pillow.webp?v=1757934668"},{"product_id":"مخدة-كونتور-طويلة","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 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 .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: 17px;\n font-weight: 500;\n margin-bottom: 15px;\n }\n \n .set-contents {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 40px;\n }\n \n .content-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 .content-card:nth-child(1) { animation-delay: 0.2s; }\n .content-card:nth-child(2) { animation-delay: 0.4s; }\n \n .content-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 .content-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 .content-card:hover::before {\n transform: scaleX(1);\n transform-origin: left;\n }\n \n .content-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 70px;\n height: 70px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin: 0 auto 18px;\n color: white;\n font-size: 28px;\n animation: float 3s ease-in-out infinite;\n }\n \n .content-title {\n font-size: 20px;\n font-weight: 700;\n color: #34495e;\n margin-bottom: 12px;\n }\n \n .content-desc {\n color: #7f8c8d;\n line-height: 1.6;\n font-size: 15px;\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.6s; }\n .feature-card:nth-child(2) { animation-delay: 0.8s; }\n .feature-card:nth-child(3) { 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 .specs-highlight {\n background: linear-gradient(135deg, #f8fdff 0%, #e8f4fd 100%);\n border-radius: 15px;\n padding: 25px;\n margin-top: 30px;\n position: relative;\n overflow: hidden;\n border: 2px solid #3498db;\n }\n \n .specs-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 .specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n }\n \n .spec-item {\n text-align: center;\n }\n \n .spec-label {\n color: #2980b9;\n font-size: 16px;\n font-weight: 700;\n margin-bottom: 8px;\n }\n \n .spec-value {\n color: #34495e;\n font-size: 15px;\n font-weight: 500;\n }\n \n .luxury-message {\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: 30px;\n position: relative;\n overflow: hidden;\n }\n \n .luxury-message::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 .set-contents {\n grid-template-columns: 1fr;\n }\n \n .features-grid {\n grid-template-columns: 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 .hero-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=\"hero-card\"\u003e\n\u003cp class=\"hero-text\"\u003eاستمتع براحة النوم الفندقية مع لحاف فندقي حجم كينج، واللي بتوفر لك دفء فائق وراحة استثنائية طول الليل.\u003c\/p\u003e\n\u003cp class=\"hero-text\"\u003e تنام براحة تامة زي ما بتحصل في الفنادق الفخمة.\u003c\/p\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=\"set-contents\"\u003e\n\u003cdiv class=\"content-card\"\u003e\n\u003cdiv class=\"content-icon\"\u003e🛏️\u003c\/div\u003e\n\u003cdiv class=\"content-title\"\u003eلحاف فندقي\u003c\/div\u003e\n\u003cdiv class=\"content-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=\"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\n\u003cmeta charset=\"utf-8\"\u003e\n\u003cp class=\"\" data-end=\"562\" data-start=\"342\"\u003eالخامة ناعمة على البشرة، والحشو الداخلي من ألياف مايكرو فايبر خفيف الوزن ومريح، بيخلّيه مناسب لكل الفصول. في الشتاء بيحافظ على الدفا بشكل ممتاز، وفي الصيف بيسمح بمرور الهواء علشان يفضل الإحساس بالراحة من غير سخونة زيادة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"specs-highlight\"\u003e\n\u003cdiv class=\"specs-grid\"\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-label\"\u003eالخامة\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e\n\u003cspan\u003eمايكرو فايبر عالي الجودة\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-label\"\u003eالاستخدام\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e\n\u003cp class=\"\" data-end=\"1046\" data-start=\"960\"\u003e\u003cstrong data-end=\"983\" data-start=\"960\"\u003eمناسب لجميع الفصول:\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003eبيمنحك الدفا في الشتاء والتهوية في الصيف بفضل خاماته المتوازنة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-label\"\u003eالراحة\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eدفء استثنائي ودعم مثالي للنوم\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"luxury-message\"\u003eاستمتع بتجربة النوم الفندقية الفاخرة في راحة بيتك! 🏨✨\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 bluff ","offers":[{"title":"180 x 120","offer_id":45540137205959,"sku":null,"price":2099.0,"currency_code":"EGP","in_stock":true},{"title":"220 x 240","offer_id":45540137238727,"sku":null,"price":2499.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/duvit.webp?v=1757931409"},{"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"},{"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 to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes grow {\n to { width: 100%; }\n }\n \n .pillow-container * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .pillow-container {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n padding: 20px;\n }\n \n .pillow-wrapper {\n max-width: 900px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n position: relative;\n }\n \n .pillow-header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .pillow-header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n right: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .pillow-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n animation: bounce 5s ease infinite;\n }\n \n .pillow-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .pillow-content {\n padding: 30px;\n }\n \n .pillow-intro {\n background: white;\n border-radius: 10px;\n padding: 25px;\n margin-bottom: 30px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n text-align: right;\n line-height: 2;\n opacity: 0;\n animation: flipIn 0.8s forwards;\n font-size: 17px;\n }\n \n .pillow-intro strong {\n display: block;\n color: #2980b9;\n font-size: 20px;\n margin-bottom: 15px;\n text-align: right;\n }\n \n .pillow-section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n font-weight: 700;\n text-align: right;\n width: 100%;\n }\n \n .pillow-section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n animation: grow 1s forwards;\n }\n \n .pillow-specs {\n list-style: none;\n padding: 0;\n margin-bottom: 30px;\n }\n \n .pillow-specs li {\n background: white;\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 15px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-right: 4px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n text-align: right;\n display: flex;\n align-items: center;\n flex-direction: row-reverse;\n font-size: 18px;\n line-height: 1.8;\n }\n \n .pillow-specs li:nth-child(1) { animation-delay: 0.1s; }\n .pillow-specs li:nth-child(2) { animation-delay: 0.2s; }\n .pillow-specs li:nth-child(3) { animation-delay: 0.3s; }\n .pillow-specs li:nth-child(4) { animation-delay: 0.4s; }\n .pillow-specs li:nth-child(5) { animation-delay: 0.5s; }\n \n .pillow-specs li::before {\n content: \"\";\n display: inline-block;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-right: 0;\n margin-left: 20px;\n color: white;\n text-align: center;\n line-height: 40px;\n font-size: 18px;\n animation: float 3s ease-in-out infinite;\n flex-shrink: 0;\n }\n \n .pillow-specs li:nth-child(1)::before { content: \"🪶\"; }\n .pillow-specs li:nth-child(2)::before { content: \"💎\"; }\n .pillow-specs li:nth-child(3)::before { content: \"❄️\"; }\n .pillow-specs li:nth-child(4)::before { content: \"✨\"; }\n .pillow-specs li:nth-child(5)::before { content: \"🛏️\"; }\n \n .pillow-specs li:hover {\n transform: translateY(-5px) translateX(5px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-right-color: #3498db;\n }\n\n .pillow-specs li span {\n text-align: right;\n flex: 1;\n }\n\n .pillow-feeling {\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 opacity: 0;\n animation: flipIn 0.8s forwards;\n animation-delay: 0.6s;\n }\n\n .pillow-feeling h3 {\n color: #2980b9;\n font-size: 22px;\n margin-bottom: 20px;\n font-weight: 700;\n }\n\n .pillow-feeling ul {\n list-style: none;\n padding: 0;\n }\n\n .pillow-feeling ul li {\n padding: 12px 0;\n font-size: 17px;\n line-height: 1.8;\n border-bottom: 1px solid #f0f0f0;\n }\n\n .pillow-feeling ul li:last-child {\n border-bottom: none;\n }\n\n .pillow-feeling ul li::before {\n content: \"⭐\";\n margin-left: 10px;\n }\n\n .pillow-dimensions {\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 opacity: 0;\n animation: flipIn 0.8s forwards;\n animation-delay: 0.7s;\n }\n\n .pillow-dimensions p {\n font-size: 18px;\n line-height: 2;\n margin-bottom: 10px;\n }\n\n .pillow-dimensions strong {\n color: #2980b9;\n }\n \n .pillow-cta {\n background: white;\n border-radius: 10px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n text-align: center;\n margin-top: 30px;\n opacity: 0;\n animation: flipIn 0.8s forwards;\n animation-delay: 0.8s;\n }\n \n .pillow-cta p {\n color: #2980b9;\n font-size: 20px;\n font-weight: 700;\n background: linear-gradient(to left, #3498db, #2ecc71);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n text-shadow: none;\n }\n \n @media (max-width: 768px) {\n .pillow-title {\n font-size: 24px;\n }\n \n .pillow-content {\n padding: 20px;\n }\n \n .pillow-specs li {\n font-size: 16px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"pillow-container\"\u003e\n\u003cdiv class=\"pillow-wrapper\"\u003e\n\u003cdiv class=\"pillow-header\"\u003e\n\u003ch1 class=\"pillow-title\"\u003eمخدة ريش طبيعي\u003c\/h1\u003e\n\u003cp class=\"pillow-subtitle\"\u003eراحة وفخامة لنوم عميق\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pillow-content\"\u003e\n\u003cdiv class=\"pillow-intro\"\u003e\n\u003cstrong\u003eاختبر رفاهية النوم الحقيقي مع مخدة الريش الطبيعي\u003c\/strong\u003e\n\u003cp\u003eمصممة لتمنحك دعم مثالي للرأس والرقبة، وتحافظ على الراحة طول الليل بفضل حشو الريش الطبيعي الخفيف والمتنفس. الغطاء الخارجي ناعم 100% قطن يساعد على منع التعرق ويضمن تهوية ممتازة.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"pillow-section-title\"\u003eالمميزات\u003c\/h2\u003e\n\u003cul class=\"pillow-specs\"\u003e\n\u003cli\u003e\u003cspan\u003eحشو ريش طبيعي 100% يمنحك نعومة ومرونة استثنائية\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eخامات عالية الجودة مضادة للحساسية وصديقة للبشرة\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eتحافظ على البرودة والانتعاش بفضل التهوية الطبيعية\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eتصميم فاخر بلمسة فندقية يضيف أناقة لغرفة نومك\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eمرونة مثالية لدعم الرأس والرقبة في كل أوضاع النوم\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"pillow-feeling\"\u003e\n\u003ch3\u003eالشعور اللي هتحسه:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eراحة كأنك نايم في فندق 7 نجوم\u003c\/li\u003e\n\u003cli\u003eدعم متوازن يخلي نومك أعمق وأهدى\u003c\/li\u003e\n\u003cli\u003eإحساس بالانتعاش كل صباح وكأنك أخدت قسط نوم مثالي\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pillow-dimensions\"\u003e\n\u003cp\u003e\u003cstrong\u003eالمقاس:\u003c\/strong\u003e 50×70 سم (مقاس قياسي)\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eالخامات:\u003c\/strong\u003e ريش طبيعي + قماش قطني عالي الجودة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pillow-cta\"\u003e\n\u003cp\u003eأضف لمسة من الفخامة لغرفة نومك وتمتع بنوم مريح وصحي كل ليلة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 bluff ","offers":[{"title":"Default Title","offer_id":45646378926279,"sku":"176056187468f00ad241ce6","price":2900.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/product3.0.webp?v=1760559226"},{"product_id":"4xpillows-soft","title":"عرض 3 مخدات فندقيه + مخدة هدية","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n \/* Import Font *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n \n \/* Animations *\/\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n \n @keyframes flipIn {\n 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n \n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n \n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes grow {\n to { width: 100%; }\n }\n \n \/* Scoped Styles for Fiber Pillow Product *\/\n .fiber-pillow-container * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .fiber-pillow-container {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n padding: 20px;\n }\n \n .fiber-wrapper {\n max-width: 900px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n position: relative;\n }\n \n .fiber-header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .fiber-header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n right: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .fiber-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n animation: bounce 5s ease infinite;\n }\n \n .fiber-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .fiber-content {\n padding: 30px;\n }\n \n .fiber-intro {\n background: white;\n border-radius: 10px;\n padding: 25px;\n margin-bottom: 30px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n text-align: right;\n line-height: 2;\n opacity: 0;\n animation: flipIn 0.8s forwards;\n font-size: 17px;\n }\n \n .fiber-intro strong {\n display: block;\n color: #2980b9;\n font-size: 20px;\n margin-bottom: 15px;\n }\n \n .fiber-section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n font-weight: 700;\n }\n \n .fiber-section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n animation: grow 1s forwards;\n }\n \n .fiber-specs {\n list-style: none;\n padding: 0;\n margin-bottom: 30px;\n }\n \n .fiber-specs li {\n background: white;\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 15px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-right: 4px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n text-align: right;\n display: flex;\n align-items: center;\n font-size: 18px;\n line-height: 1.8;\n }\n \n .fiber-specs li:nth-child(1) { animation-delay: 0.1s; }\n .fiber-specs li:nth-child(2) { animation-delay: 0.2s; }\n .fiber-specs li:nth-child(3) { animation-delay: 0.3s; }\n .fiber-specs li:nth-child(4) { animation-delay: 0.4s; }\n .fiber-specs li:nth-child(5) { animation-delay: 0.5s; }\n \n .fiber-specs li::before {\n content: \"\";\n display: inline-block;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-left: 20px;\n margin-right: 15px;\n color: white;\n text-align: center;\n line-height: 40px;\n font-size: 18px;\n animation: float 3s ease-in-out infinite;\n flex-shrink: 0;\n }\n \n .fiber-specs li:nth-child(1)::before { content: \"📏\"; }\n .fiber-specs li:nth-child(2)::before { content: \"🛡️\"; }\n .fiber-specs li:nth-child(3)::before { content: \"✈️\"; }\n .fiber-specs li:nth-child(4)::before { content: \"📦\"; }\n .fiber-specs li:nth-child(5)::before { content: \"⚖️\"; }\n \n .fiber-specs li:hover {\n transform: translateY(-5px) translateX(5px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-right-color: #3498db;\n }\n \n .fiber-cta {\n background: white;\n border-radius: 10px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n text-align: center;\n margin-top: 30px;\n opacity: 0;\n animation: flipIn 0.8s forwards;\n animation-delay: 0.6s;\n }\n \n .fiber-cta p {\n color: #2980b9;\n font-size: 20px;\n font-weight: 700;\n background: linear-gradient(to left, #3498db, #2ecc71);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n text-shadow: none;\n }\n \n @media (max-width: 768px) {\n .fiber-title {\n font-size: 24px;\n }\n \n .fiber-content {\n padding: 20px;\n }\n \n .fiber-specs li {\n font-size: 16px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"fiber-pillow-container\"\u003e\n\u003cdiv class=\"fiber-wrapper\"\u003e\n\u003cdiv class=\"fiber-header\"\u003e\n\u003ch1 class=\"fiber-title\"\u003eمخدة فندقية فاخرة\u003c\/h1\u003e\n\u003cp class=\"fiber-subtitle\"\u003eراحة فائقة لنوم هانئ\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fiber-content\"\u003e\n\u003cdiv class=\"fiber-intro\"\u003e\n\u003cstrong\u003eمخدة سوفت ناعم لراحة مثالية في كل وقت\u003c\/strong\u003e\n\u003cp\u003eخامة ناعمه جداً تضمن لك راحة ل رقبتك وظهرك. الأبعاد مناسبة جدا، هتقدر تتحرك بيها في السفر و الرحلات لانها سهلة الضغط.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"fiber-section-title\"\u003eالمواصفات\u003c\/h2\u003e\n\u003cul class=\"fiber-specs\"\u003e\n\u003cli\u003eالابعاد :- 50×70 سم\u003c\/li\u003e\n\u003cli\u003eالخامة من الفايبر السوفت الناعم تضمن لك راحة ل رقبتك وظهرك\u003c\/li\u003e\n\u003cli\u003eالأبعاد مناسبة جدا، هتقدر تتحرك بيها في السفر و الرحلات لانها سهلة الضغط\u003c\/li\u003e\n\u003cli\u003eمحتوى العبوة: 4×مخدة\u003c\/li\u003e\n\u003cli\u003eالوزن : 3500جرام تقريباً\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"fiber-cta\"\u003e\n\u003cp\u003eاختيارك المثالي للراحة في المنزل والسفر!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 bluff ","offers":[{"title":"Default Title","offer_id":45748009894087,"sku":"1762448568690cd4b80b94d","price":799.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/1ws.jpg?v=1771470717"},{"product_id":"4xpillow-soft","title":"عرض 4 مخدات سوفت+ 2 مخدة هدية","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n \/* Import Font *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n \n \/* Animations *\/\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n \n @keyframes flipIn {\n 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n \n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n \n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes grow {\n to { width: 100%; }\n }\n \n \/* Scoped Styles for Fiber Pillow Product *\/\n .fiber-pillow-container * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .fiber-pillow-container {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n padding: 20px;\n }\n \n .fiber-wrapper {\n max-width: 900px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n position: relative;\n }\n \n .fiber-header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .fiber-header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n right: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .fiber-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n animation: bounce 5s ease infinite;\n }\n \n .fiber-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .fiber-content {\n padding: 30px;\n }\n \n .fiber-intro {\n background: white;\n border-radius: 10px;\n padding: 25px;\n margin-bottom: 30px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n text-align: right;\n line-height: 2;\n opacity: 0;\n animation: flipIn 0.8s forwards;\n font-size: 17px;\n }\n \n .fiber-intro strong {\n display: block;\n color: #2980b9;\n font-size: 20px;\n margin-bottom: 15px;\n }\n \n .fiber-section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n font-weight: 700;\n }\n \n .fiber-section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n animation: grow 1s forwards;\n }\n \n .fiber-specs {\n list-style: none;\n padding: 0;\n margin-bottom: 30px;\n }\n \n .fiber-specs li {\n background: white;\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 15px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-right: 4px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n text-align: right;\n display: flex;\n align-items: center;\n font-size: 18px;\n line-height: 1.8;\n }\n \n .fiber-specs li:nth-child(1) { animation-delay: 0.1s; }\n .fiber-specs li:nth-child(2) { animation-delay: 0.2s; }\n .fiber-specs li:nth-child(3) { animation-delay: 0.3s; }\n .fiber-specs li:nth-child(4) { animation-delay: 0.4s; }\n .fiber-specs li:nth-child(5) { animation-delay: 0.5s; }\n \n .fiber-specs li::before {\n content: \"\";\n display: inline-block;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-left: 20px;\n margin-right: 15px;\n color: white;\n text-align: center;\n line-height: 40px;\n font-size: 18px;\n animation: float 3s ease-in-out infinite;\n flex-shrink: 0;\n }\n \n .fiber-specs li:nth-child(1)::before { content: \"📏\"; }\n .fiber-specs li:nth-child(2)::before { content: \"🛡️\"; }\n .fiber-specs li:nth-child(3)::before { content: \"✈️\"; }\n .fiber-specs li:nth-child(4)::before { content: \"📦\"; }\n .fiber-specs li:nth-child(5)::before { content: \"⚖️\"; }\n \n .fiber-specs li:hover {\n transform: translateY(-5px) translateX(5px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-right-color: #3498db;\n }\n \n .fiber-cta {\n background: white;\n border-radius: 10px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n text-align: center;\n margin-top: 30px;\n opacity: 0;\n animation: flipIn 0.8s forwards;\n animation-delay: 0.6s;\n }\n \n .fiber-cta p {\n color: #2980b9;\n font-size: 20px;\n font-weight: 700;\n background: linear-gradient(to left, #3498db, #2ecc71);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n text-shadow: none;\n }\n \n @media (max-width: 768px) {\n .fiber-title {\n font-size: 24px;\n }\n \n .fiber-content {\n padding: 20px;\n }\n \n .fiber-specs li {\n font-size: 16px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"fiber-pillow-container\"\u003e\n\u003cdiv class=\"fiber-wrapper\"\u003e\n\u003cdiv class=\"fiber-header\"\u003e\n\u003ch1 class=\"fiber-title\"\u003eمخدة فندقية فاخرة\u003c\/h1\u003e\n\u003cp class=\"fiber-subtitle\"\u003eراحة فائقة لنوم هانئ\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fiber-content\"\u003e\n\u003cdiv class=\"fiber-intro\"\u003e\n\u003cstrong\u003eمخدة سوفت ناعم لراحة مثالية في كل وقت\u003c\/strong\u003e\n\u003cp\u003eخامة ناعمه جداً تضمن لك راحة ل رقبتك وظهرك. الأبعاد مناسبة جدا، هتقدر تتحرك بيها في السفر و الرحلات لانها سهلة الضغط.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"fiber-section-title\"\u003eالمواصفات\u003c\/h2\u003e\n\u003cul class=\"fiber-specs\"\u003e\n\u003cli\u003eالابعاد :- 50×70 سم\u003c\/li\u003e\n\u003cli\u003eالخامة من الفايبر السوفت الناعم تضمن لك راحة ل رقبتك وظهرك\u003c\/li\u003e\n\u003cli\u003eالأبعاد مناسبة جدا، هتقدر تتحرك بيها في السفر و الرحلات لانها سهلة الضغط\u003c\/li\u003e\n\u003cli\u003eمحتوى العبوة: 6×مخدة\u003c\/li\u003e\n\u003cli\u003eالوزن : 5000جرام تقريباً\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"fiber-cta\"\u003e\n\u003cp\u003eاختيارك المثالي للراحة في المنزل والسفر!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 bluff ","offers":[{"title":"Default Title","offer_id":45748014809287,"sku":"1762449034690cd68aad4ce","price":1299.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/121as.jpg?v=1770122664"},{"product_id":"2xpillow-soft","title":"عرض 2 مخدة سوفت","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n \/* Import Font *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n \n \/* Animations *\/\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n \n @keyframes flipIn {\n 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n \n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n \n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes grow {\n to { width: 100%; }\n }\n \n \/* Scoped Styles for Fiber Pillow Product *\/\n .fiber-pillow-container * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .fiber-pillow-container {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n padding: 20px;\n }\n \n .fiber-wrapper {\n max-width: 900px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n position: relative;\n }\n \n .fiber-header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .fiber-header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n right: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .fiber-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n animation: bounce 5s ease infinite;\n }\n \n .fiber-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .fiber-content {\n padding: 30px;\n }\n \n .fiber-intro {\n background: white;\n border-radius: 10px;\n padding: 25px;\n margin-bottom: 30px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n text-align: right;\n line-height: 2;\n opacity: 0;\n animation: flipIn 0.8s forwards;\n font-size: 17px;\n }\n \n .fiber-intro strong {\n display: block;\n color: #2980b9;\n font-size: 20px;\n margin-bottom: 15px;\n }\n \n .fiber-section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n font-weight: 700;\n }\n \n .fiber-section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n animation: grow 1s forwards;\n }\n \n .fiber-specs {\n list-style: none;\n padding: 0;\n margin-bottom: 30px;\n }\n \n .fiber-specs li {\n background: white;\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 15px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-right: 4px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n text-align: right;\n display: flex;\n align-items: center;\n font-size: 18px;\n line-height: 1.8;\n }\n \n .fiber-specs li:nth-child(1) { animation-delay: 0.1s; }\n .fiber-specs li:nth-child(2) { animation-delay: 0.2s; }\n .fiber-specs li:nth-child(3) { animation-delay: 0.3s; }\n .fiber-specs li:nth-child(4) { animation-delay: 0.4s; }\n .fiber-specs li:nth-child(5) { animation-delay: 0.5s; }\n \n .fiber-specs li::before {\n content: \"\";\n display: inline-block;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-left: 20px;\n margin-right: 15px;\n color: white;\n text-align: center;\n line-height: 40px;\n font-size: 18px;\n animation: float 3s ease-in-out infinite;\n flex-shrink: 0;\n }\n \n .fiber-specs li:nth-child(1)::before { content: \"📏\"; }\n .fiber-specs li:nth-child(2)::before { content: \"🛡️\"; }\n .fiber-specs li:nth-child(3)::before { content: \"✈️\"; }\n .fiber-specs li:nth-child(4)::before { content: \"📦\"; }\n .fiber-specs li:nth-child(5)::before { content: \"⚖️\"; }\n \n .fiber-specs li:hover {\n transform: translateY(-5px) translateX(5px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-right-color: #3498db;\n }\n \n .fiber-cta {\n background: white;\n border-radius: 10px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n text-align: center;\n margin-top: 30px;\n opacity: 0;\n animation: flipIn 0.8s forwards;\n animation-delay: 0.6s;\n }\n \n .fiber-cta p {\n color: #2980b9;\n font-size: 20px;\n font-weight: 700;\n background: linear-gradient(to left, #3498db, #2ecc71);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n text-shadow: none;\n }\n \n @media (max-width: 768px) {\n .fiber-title {\n font-size: 24px;\n }\n \n .fiber-content {\n padding: 20px;\n }\n \n .fiber-specs li {\n font-size: 16px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"fiber-pillow-container\"\u003e\n\u003cdiv class=\"fiber-wrapper\"\u003e\n\u003cdiv class=\"fiber-header\"\u003e\n\u003ch1 class=\"fiber-title\"\u003eمخدة فندقية فاخرة\u003c\/h1\u003e\n\u003cp class=\"fiber-subtitle\"\u003eراحة فائقة لنوم هانئ\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fiber-content\"\u003e\n\u003cdiv class=\"fiber-intro\"\u003e\n\u003cstrong\u003eمخدة سوفت ناعم لراحة مثالية في كل وقت\u003c\/strong\u003e\n\u003cp\u003eخامة ناعمه جداً تضمن لك راحة ل رقبتك وظهرك. الأبعاد مناسبة جدا، هتقدر تتحرك بيها في السفر و الرحلات لانها سهلة الضغط.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"fiber-section-title\"\u003eالمواصفات\u003c\/h2\u003e\n\u003cul class=\"fiber-specs\"\u003e\n\u003cli\u003eالابعاد :- 50×70 سم\u003c\/li\u003e\n\u003cli\u003eالخامة من الفايبر السوفت الناعم تضمن لك راحة ل رقبتك وظهرك\u003c\/li\u003e\n\u003cli\u003eالأبعاد مناسبة جدا، هتقدر تتحرك بيها في السفر و الرحلات لانها سهلة الضغط\u003c\/li\u003e\n\u003cli\u003eمحتوى العبوة: 2×مخدة\u003c\/li\u003e\n\u003cli\u003eالوزن : ١٩٥٠-٢٠٥٠ جرام تقريباً\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"fiber-cta\"\u003e\n\u003cp\u003eاختيارك المثالي للراحة في المنزل والسفر!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 bluff ","offers":[{"title":"Default Title","offer_id":45748018413767,"sku":"175537885168a0f4a3b30b1","price":500.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/fluffofferscopy2.jpg?v=1770122602"},{"product_id":"عرض-مرتبة-تطرية-واقي-مرتبة-2-مخدة-هدية","title":"عرض مرتبة تطرية + واقي مرتبة + 2 مخدة هدية","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n }\n\n .product-container {\n max-width: 900px;\n margin: 20px auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n position: relative;\n }\n\n .header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n\n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n\n .header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n left: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n\n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n\n .product-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n animation: bounce 5s ease infinite;\n }\n\n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n\n .product-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n\n .content {\n padding: 30px;\n }\n\n .section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n }\n\n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n transition: width 0.5s ease;\n animation: grow 1s forwards;\n }\n\n @keyframes grow {\n to { width: 100%; }\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 40px;\n }\n\n .feature-card {\n background: white;\n border-radius: 10px;\n padding: 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-bottom: 3px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n }\n\n .feature-card:hover {\n border-bottom: 3px solid #2ecc71;\n transform: translateY(-5px);\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n }\n\n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .feature-card:nth-child(1) { animation-delay: 0.1s; }\n .feature-card:nth-child(2) { animation-delay: 0.2s; }\n .feature-card:nth-child(3) { animation-delay: 0.3s; }\n\n .feature-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-bottom: 15px;\n color: white;\n font-size: 20px;\n animation: float 3s ease-in-out infinite;\n }\n\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n\n .feature-title {\n font-size: 18px;\n font-weight: 700;\n color: #34495e;\n margin-bottom: 10px;\n }\n\n .feature-desc {\n color: #7f8c8d;\n line-height: 1.6;\n }\n\n @media (max-width: 768px) {\n .features-grid {\n grid-template-columns: 1fr;\n }\n\n .product-title {\n font-size: 24px;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eاستمتع بنوم فاخر مع مرتبة الفايبر توبر\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eراحة إضافية، جودة عالية، تصميم عملي يناسب كل غرفة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"section-title\"\u003eتفاصيل المنتج\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🛏️\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eراحة مضاعفة\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتضيف طبقة ناعمة مريحة فوق المرتبة الأساسية لتجربة نوم أكثر راحة وهدوء.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eخامة ألمانية\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eمصنوعة من أجود أنواع الألياف الألمانية المستوردة لتوفير أعلى مستويات الجودة.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧳\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eمثالية للاستخدام المتعدد\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eقابلة للنقل، مثالية للضيوف، الرحلات، أو كمفرش مريح لأوقات الاسترخاء.\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003e\n\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n \/* Import Font *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n \n \/* Animations *\/\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n \n @keyframes flipIn {\n 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n \n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n \n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes grow {\n to { width: 100%; }\n }\n \n \/* Scoped Styles *\/\n .mattress-cover-container * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .mattress-cover-container {\n font-family: 'Tajawal', sans-serif;\n background: #f0f8ff;\n padding: 20px;\n }\n \n .mattress-cover-wrapper {\n max-width: 900px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n position: relative;\n }\n \n .mattress-header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .mattress-header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n right: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .mattress-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n animation: bounce 5s ease infinite;\n }\n \n .mattress-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .mattress-content {\n padding: 30px;\n }\n \n .mattress-description {\n margin-bottom: 30px;\n color: #2c3e50;\n line-height: 1.8;\n font-size: 16px;\n text-align: right;\n }\n \n .mattress-section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n font-weight: 700;\n }\n \n .mattress-section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n animation: grow 1s forwards;\n }\n \n .mattress-benefits {\n list-style: none;\n padding: 0;\n margin-bottom: 40px;\n }\n \n .mattress-benefits li {\n background: white;\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 15px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-right: 4px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n text-align: right;\n }\n \n .mattress-benefits li:nth-child(1) { animation-delay: 0.1s; }\n .mattress-benefits li:nth-child(2) { animation-delay: 0.2s; }\n .mattress-benefits li:nth-child(3) { animation-delay: 0.3s; }\n .mattress-benefits li:nth-child(4) { animation-delay: 0.4s; }\n \n .mattress-benefits li::before {\n content: \"✓\";\n display: inline-block;\n width: 30px;\n height: 30px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-left: 15px;\n color: white;\n text-align: center;\n line-height: 30px;\n font-weight: bold;\n animation: float 3s ease-in-out infinite;\n }\n \n .mattress-benefits li:hover {\n transform: translateY(-5px) translateX(5px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-right-color: #3498db;\n }\n \n .mattress-policy {\n background: white;\n border-radius: 10px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n text-align: right;\n margin-top: 30px;\n opacity: 0;\n animation: flipIn 0.8s forwards;\n animation-delay: 0.5s;\n }\n \n .mattress-policy-title {\n color: #2980b9;\n font-size: 20px;\n font-weight: 700;\n margin-bottom: 15px;\n }\n \n .mattress-policy-item {\n display: block;\n margin-bottom: 10px;\n color: #34495e;\n font-size: 16px;\n }\n \n @media (max-width: 768px) {\n .mattress-title {\n font-size: 24px;\n }\n \n .mattress-content {\n padding: 20px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-desc\"\u003e\n\u003cdiv class=\"mattress-cover-container\"\u003e\n\u003cdiv class=\"mattress-cover-wrapper\"\u003e\n\u003cdiv class=\"mattress-header\"\u003e\n\u003ch1 class=\"mattress-title\"\u003eغطاء المرتبة الفاخر المقاوم للماء\u003c\/h1\u003e\n\u003cp class=\"mattress-subtitle\"\u003eحماية كاملة وراحة فائقة لنوم هادئ\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mattress-content\"\u003e\n\u003cp class=\"mattress-description\"\u003eغطاء كامل ناعم ومتين بيحافظ على مرتبتك الغالية من الأتربة، السوائل، البقع، والتآكل اليومي. الكفر ضد المياه 100%، ومصنوع من خامة بو عالية الجودة، بتديك إحساس بالراحة والبرودة طول الليل، من غير ما يغيّر ملمس المرتبة أو يحسسك إنك نايم على طبقة إضافية.\u003c\/p\u003e\n\u003ch2 class=\"mattress-section-title\"\u003eالمزايا\u003c\/h2\u003e\n\u003cul class=\"mattress-benefits\"\u003e\n\u003cli\u003eخامة فاخرة باردة توزع الحرارة وتنظم حرارة الجسم\u003c\/li\u003e\n\u003cli\u003eمقاوم للمياه والانسكابات\u003c\/li\u003e\n\u003cli\u003eيحافظ على نعومة المرتبة الأصلية\u003c\/li\u003e\n\u003cli\u003eبيهيّئلك بيئة نوم صحية ومنعشة\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"mattress-policy\"\u003e\n\u003ch3 class=\"mattress-policy-title\"\u003eسياسة الاستبدال والضمان:\u003c\/h3\u003e\n\u003cspan class=\"mattress-policy-item\"\u003e🚚 التوصيل خلال 3 إلى 5 أيام عمل\u003c\/span\u003e \u003cspan class=\"mattress-policy-item\"\u003e🛡️ ضمان لمدة 3 سنوات\u003c\/span\u003e \u003cspan class=\"mattress-policy-item\"\u003e🔁 استبدال واسترجاع خلال 14 يوم\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 bluff ","offers":[{"title":"120*200","offer_id":45748050526407,"sku":"1762450127690cdacf22bef","price":1499.0,"currency_code":"EGP","in_stock":true},{"title":"160*200","offer_id":45748050559175,"sku":"1762450127690cdacf22bef","price":1615.0,"currency_code":"EGP","in_stock":true},{"title":"180*200","offer_id":45748050591943,"sku":"1762450127690cdacf22bef","price":1699.0,"currency_code":"EGP","in_stock":true},{"title":"200*200","offer_id":45748050624711,"sku":"1762450127690cdacf22bef","price":1789.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/121.jpg?v=1769727401"},{"product_id":"2xfeather","title":"عرض 2 مخدة بديل ريش","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n \/* Import Font *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n \n \/* Animations *\/\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n \n @keyframes flipIn {\n 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n \n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n \n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes grow {\n to { width: 100%; }\n }\n \n \/* Scoped Styles for Pillow Product *\/\n .pillow-product-container * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .pillow-product-container {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n padding: 20px;\n }\n \n .pillow-wrapper {\n max-width: 900px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n position: relative;\n }\n \n .pillow-header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .pillow-header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n right: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .pillow-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n animation: bounce 5s ease infinite;\n }\n \n .pillow-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .pillow-content {\n padding: 30px;\n }\n \n .pillow-intro {\n background: white;\n border-radius: 10px;\n padding: 25px;\n margin-bottom: 30px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n text-align: right;\n line-height: 1.8;\n opacity: 0;\n animation: flipIn 0.8s forwards;\n }\n \n .pillow-intro strong {\n display: block;\n color: #2980b9;\n font-size: 20px;\n margin-bottom: 15px;\n }\n \n .pillow-section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n font-weight: 700;\n }\n \n .pillow-section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n animation: grow 1s forwards;\n }\n \n .pillow-specs {\n list-style: none;\n padding: 0;\n margin-bottom: 30px;\n }\n \n .pillow-specs li {\n background: white;\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 15px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-right: 4px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n text-align: right;\n display: flex;\n align-items: center;\n }\n \n .pillow-specs li:nth-child(1) { animation-delay: 0.1s; }\n .pillow-specs li:nth-child(2) { animation-delay: 0.2s; }\n .pillow-specs li:nth-child(3) { animation-delay: 0.3s; }\n .pillow-specs li:nth-child(4) { animation-delay: 0.4s; }\n .pillow-specs li:nth-child(5) { animation-delay: 0.5s; }\n \n .pillow-specs li::before {\n content: \"\";\n display: inline-block;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-left: 15px;\n color: white;\n text-align: center;\n line-height: 40px;\n font-size: 18px;\n animation: float 3s ease-in-out infinite;\n flex-shrink: 0;\n }\n \n .pillow-specs li:nth-child(1)::before { content: \"📏\"; }\n .pillow-specs li:nth-child(2)::before { content: \"🪶\"; }\n .pillow-specs li:nth-child(3)::before { content: \"🧵\"; }\n .pillow-specs li:nth-child(4)::before { content: \"💤\"; }\n .pillow-specs li:nth-child(5)::before { content: \"👨👩👧👦\"; }\n \n .pillow-specs li:hover {\n transform: translateY(-5px) translateX(5px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-right-color: #3498db;\n }\n \n .pillow-cta {\n background: white;\n border-radius: 10px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n text-align: center;\n margin-top: 30px;\n opacity: 0;\n animation: flipIn 0.8s forwards;\n animation-delay: 0.6s;\n }\n \n .pillow-cta p {\n color: #2980b9;\n font-size: 20px;\n font-weight: 700;\n background: linear-gradient(to left, #3498db, #2ecc71);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n text-shadow: none;\n }\n \n @media (max-width: 768px) {\n .pillow-title {\n font-size: 24px;\n }\n \n .pillow-content {\n padding: 20px;\n }\n \n .pillow-specs li {\n font-size: 14px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"pillow-product-container\"\u003e\n\u003cdiv class=\"pillow-wrapper\"\u003e\n\u003cdiv class=\"pillow-header\"\u003e\n\u003ch1 class=\"pillow-title\"\u003eالمخدة بديل الريش من فلاف بلاف\u003c\/h1\u003e\n\u003cp class=\"pillow-subtitle\"\u003eرفاهية الفنادق الخمس نجوم في منزلك\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pillow-content\"\u003e\n\u003cdiv class=\"pillow-intro\"\u003e\n\u003cstrong\u003eاستمتع بنوم هادئ مع المخدة الفندقية من فلاف بلاف\u003c\/strong\u003e\n\u003cp\u003eراحة مثالية ودعم متوازن للرأس والرقبة، علشان تصحى كل يوم منتعش وجاهز تبدأ يومك. المخدة الفندقية المستوردة من فلاف بلاف هي الإضافة الفاخرة اللي تستحقها كل غرفة نوم.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"pillow-section-title\"\u003eالمواصفات\u003c\/h2\u003e\n\u003cul class=\"pillow-specs\"\u003e\n\u003cli\u003eالمقاس: 50 × 70 سم\u003c\/li\u003e\n\u003cli\u003eالحشو: بديل كوري عالي الجودة للريش الطبيعي\u003c\/li\u003e\n\u003cli\u003eالقماش: 300 خيط (TC 300) من القطن الناعم\u003c\/li\u003e\n\u003cli\u003eتمنحك نفس شعور الريش بدون أي حساسية\u003c\/li\u003e\n\u003cli\u003eمناسبة للكبار والأطفال\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"pillow-cta\"\u003e\n\u003cp\u003eاختيارك للمخدة دي مش رفاهية… ده استثمار في راحتك.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 bluff ","offers":[{"title":"Default Title","offer_id":45748073988295,"sku":"1762450558690cdc7ed451b","price":1199.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/a760359e-b724-4547-859f-24c240b623ff.jpg?v=1771473799"},{"product_id":"4xfeather","title":"عرض 3 مخدة بديل ريش+ مخدة هدية","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n \/* Import Font *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n \n \/* Animations *\/\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n \n @keyframes flipIn {\n 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n \n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n \n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes grow {\n to { width: 100%; }\n }\n \n \/* Scoped Styles for Pillow Product *\/\n .pillow-product-container * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .pillow-product-container {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n padding: 20px;\n }\n \n .pillow-wrapper {\n max-width: 900px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n position: relative;\n }\n \n .pillow-header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .pillow-header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n right: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .pillow-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n animation: bounce 5s ease infinite;\n }\n \n .pillow-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .pillow-content {\n padding: 30px;\n }\n \n .pillow-intro {\n background: white;\n border-radius: 10px;\n padding: 25px;\n margin-bottom: 30px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n text-align: right;\n line-height: 1.8;\n opacity: 0;\n animation: flipIn 0.8s forwards;\n }\n \n .pillow-intro strong {\n display: block;\n color: #2980b9;\n font-size: 20px;\n margin-bottom: 15px;\n }\n \n .pillow-section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n font-weight: 700;\n }\n \n .pillow-section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n animation: grow 1s forwards;\n }\n \n .pillow-specs {\n list-style: none;\n padding: 0;\n margin-bottom: 30px;\n }\n \n .pillow-specs li {\n background: white;\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 15px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-right: 4px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n text-align: right;\n display: flex;\n align-items: center;\n }\n \n .pillow-specs li:nth-child(1) { animation-delay: 0.1s; }\n .pillow-specs li:nth-child(2) { animation-delay: 0.2s; }\n .pillow-specs li:nth-child(3) { animation-delay: 0.3s; }\n .pillow-specs li:nth-child(4) { animation-delay: 0.4s; }\n .pillow-specs li:nth-child(5) { animation-delay: 0.5s; }\n \n .pillow-specs li::before {\n content: \"\";\n display: inline-block;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-left: 15px;\n color: white;\n text-align: center;\n line-height: 40px;\n font-size: 18px;\n animation: float 3s ease-in-out infinite;\n flex-shrink: 0;\n }\n \n .pillow-specs li:nth-child(1)::before { content: \"📏\"; }\n .pillow-specs li:nth-child(2)::before { content: \"🪶\"; }\n .pillow-specs li:nth-child(3)::before { content: \"🧵\"; }\n .pillow-specs li:nth-child(4)::before { content: \"💤\"; }\n .pillow-specs li:nth-child(5)::before { content: \"👨👩👧👦\"; }\n \n .pillow-specs li:hover {\n transform: translateY(-5px) translateX(5px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-right-color: #3498db;\n }\n \n .pillow-cta {\n background: white;\n border-radius: 10px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n text-align: center;\n margin-top: 30px;\n opacity: 0;\n animation: flipIn 0.8s forwards;\n animation-delay: 0.6s;\n }\n \n .pillow-cta p {\n color: #2980b9;\n font-size: 20px;\n font-weight: 700;\n background: linear-gradient(to left, #3498db, #2ecc71);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n text-shadow: none;\n }\n \n @media (max-width: 768px) {\n .pillow-title {\n font-size: 24px;\n }\n \n .pillow-content {\n padding: 20px;\n }\n \n .pillow-specs li {\n font-size: 14px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"pillow-product-container\"\u003e\n\u003cdiv class=\"pillow-wrapper\"\u003e\n\u003cdiv class=\"pillow-header\"\u003e\n\u003ch1 class=\"pillow-title\"\u003eالمخدة بديل الريش من فلاف بلاف\u003c\/h1\u003e\n\u003cp class=\"pillow-subtitle\"\u003eرفاهية الفنادق الخمس نجوم في منزلك\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pillow-content\"\u003e\n\u003cdiv class=\"pillow-intro\"\u003e\n\u003cstrong\u003eاستمتع بنوم هادئ مع المخدة الفندقية من فلاف بلاف\u003c\/strong\u003e\n\u003cp\u003eراحة مثالية ودعم متوازن للرأس والرقبة، علشان تصحى كل يوم منتعش وجاهز تبدأ يومك. المخدة الفندقية المستوردة من فلاف بلاف هي الإضافة الفاخرة اللي تستحقها كل غرفة نوم.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"pillow-section-title\"\u003eالمواصفات\u003c\/h2\u003e\n\u003cul class=\"pillow-specs\"\u003e\n\u003cli\u003eالمقاس: 50 × 70 سم\u003c\/li\u003e\n\u003cli\u003eالحشو: بديل كوري عالي الجودة للريش الطبيعي\u003c\/li\u003e\n\u003cli\u003eالقماش: 300 خيط (TC 300) من القطن الناعم\u003c\/li\u003e\n\u003cli\u003eتمنحك نفس شعور الريش بدون أي حساسية\u003c\/li\u003e\n\u003cli\u003eمناسبة للكبار والأطفال\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"pillow-cta\"\u003e\n\u003cp\u003eاختيارك للمخدة دي مش رفاهية… ده استثمار في راحتك.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 bluff ","offers":[{"title":"Default Title","offer_id":45748091814087,"sku":"1762450883690cddc3ecf75","price":1899.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/63ce5c3d-95b0-4226-a0f3-bf95684849c3.jpg?v=1771473762"},{"product_id":"180120120","title":"عرض 2 واقي مرتبه مقاس 120 + واقي مرتبه مقاس 180","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 *\/\n .mattress-cover-container * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .mattress-cover-container {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n padding: 20px;\n }\n \n .mattress-cover-wrapper {\n max-width: 900px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n position: relative;\n }\n \n .mattress-header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .mattress-header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n right: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .mattress-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n animation: bounce 5s ease infinite;\n }\n \n .mattress-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .mattress-content {\n padding: 30px;\n }\n \n .mattress-description {\n margin-bottom: 30px;\n color: #2c3e50;\n line-height: 1.8;\n font-size: 16px;\n text-align: right;\n }\n \n .mattress-section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n font-weight: 700;\n }\n \n .mattress-section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n animation: grow 1s forwards;\n }\n \n .mattress-benefits {\n list-style: none;\n padding: 0;\n margin-bottom: 40px;\n }\n \n .mattress-benefits li {\n background: white;\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 15px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-right: 4px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n text-align: right;\n }\n \n .mattress-benefits li:nth-child(1) { animation-delay: 0.1s; }\n .mattress-benefits li:nth-child(2) { animation-delay: 0.2s; }\n .mattress-benefits li:nth-child(3) { animation-delay: 0.3s; }\n .mattress-benefits li:nth-child(4) { animation-delay: 0.4s; }\n \n .mattress-benefits li::before {\n content: \"✓\";\n display: inline-block;\n width: 30px;\n height: 30px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-left: 15px;\n color: white;\n text-align: center;\n line-height: 30px;\n font-weight: bold;\n animation: float 3s ease-in-out infinite;\n }\n \n .mattress-benefits li:hover {\n transform: translateY(-5px) translateX(5px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-right-color: #3498db;\n }\n \n .mattress-policy {\n background: white;\n border-radius: 10px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n text-align: right;\n margin-top: 30px;\n opacity: 0;\n animation: flipIn 0.8s forwards;\n animation-delay: 0.5s;\n }\n \n .mattress-policy-title {\n color: #2980b9;\n font-size: 20px;\n font-weight: 700;\n margin-bottom: 15px;\n }\n \n .mattress-policy-item {\n display: block;\n margin-bottom: 10px;\n color: #34495e;\n font-size: 16px;\n }\n \n @media (max-width: 768px) {\n .mattress-title {\n font-size: 24px;\n }\n \n .mattress-content {\n padding: 20px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"mattress-cover-container\"\u003e\n\u003cdiv class=\"mattress-cover-wrapper\"\u003e\n\u003cdiv class=\"mattress-header\"\u003e\n\u003ch1 class=\"mattress-title\"\u003eغطاء المرتبة الفاخر المقاوم للماء\u003c\/h1\u003e\n\u003cp class=\"mattress-subtitle\"\u003eحماية كاملة وراحة فائقة لنوم هادئ\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mattress-content\"\u003e\n\u003cp class=\"mattress-description\"\u003eغطاء كامل ناعم ومتين بيحافظ على مرتبتك الغالية من الأتربة، السوائل، البقع، والتآكل اليومي. الكفر ضد المياه 100%، ومصنوع من خامة بو عالية الجودة، بتديك إحساس بالراحة والبرودة طول الليل، من غير ما يغيّر ملمس المرتبة أو يحسسك إنك نايم على طبقة إضافية.\u003c\/p\u003e\n\u003ch2 class=\"mattress-section-title\"\u003eالمزايا\u003c\/h2\u003e\n\u003cul class=\"mattress-benefits\"\u003e\n\u003cli\u003eخامة فاخرة باردة توزع الحرارة وتنظم حرارة الجسم\u003c\/li\u003e\n\u003cli\u003eمقاوم للمياه والانسكابات\u003c\/li\u003e\n\u003cli\u003eيحافظ على نعومة المرتبة الأصلية\u003c\/li\u003e\n\u003cli\u003eبيهيّئلك بيئة نوم صحية ومنعشة\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"mattress-policy\"\u003e\n\u003ch3 class=\"mattress-policy-title\"\u003eسياسة الاستبدال والضمان:\u003c\/h3\u003e\n\u003cspan class=\"mattress-policy-item\"\u003e🚚 التوصيل خلال 3 إلى 5 أيام عمل\u003c\/span\u003e \u003cspan class=\"mattress-policy-item\"\u003e🛡️ ضمان لمدة 3 سنوات\u003c\/span\u003e \u003cspan class=\"mattress-policy-item\"\u003e🔁 استبدال واسترجاع خلال 14 يوم\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 bluff ","offers":[{"title":"Default Title","offer_id":45748259455175,"sku":"1762452552690ce448bc33b","price":1199.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/fluffofferscopy222.jpg?v=1770122390"},{"product_id":"160120120","title":"عرض 2 واقي مرتبه مقاس 120 + واقي مرتبه 160","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 *\/\n .mattress-cover-container * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .mattress-cover-container {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n padding: 20px;\n }\n \n .mattress-cover-wrapper {\n max-width: 900px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n position: relative;\n }\n \n .mattress-header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .mattress-header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n right: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .mattress-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n animation: bounce 5s ease infinite;\n }\n \n .mattress-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .mattress-content {\n padding: 30px;\n }\n \n .mattress-description {\n margin-bottom: 30px;\n color: #2c3e50;\n line-height: 1.8;\n font-size: 16px;\n text-align: right;\n }\n \n .mattress-section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n font-weight: 700;\n }\n \n .mattress-section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n animation: grow 1s forwards;\n }\n \n .mattress-benefits {\n list-style: none;\n padding: 0;\n margin-bottom: 40px;\n }\n \n .mattress-benefits li {\n background: white;\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 15px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-right: 4px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n text-align: right;\n }\n \n .mattress-benefits li:nth-child(1) { animation-delay: 0.1s; }\n .mattress-benefits li:nth-child(2) { animation-delay: 0.2s; }\n .mattress-benefits li:nth-child(3) { animation-delay: 0.3s; }\n .mattress-benefits li:nth-child(4) { animation-delay: 0.4s; }\n \n .mattress-benefits li::before {\n content: \"✓\";\n display: inline-block;\n width: 30px;\n height: 30px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-left: 15px;\n color: white;\n text-align: center;\n line-height: 30px;\n font-weight: bold;\n animation: float 3s ease-in-out infinite;\n }\n \n .mattress-benefits li:hover {\n transform: translateY(-5px) translateX(5px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-right-color: #3498db;\n }\n \n .mattress-policy {\n background: white;\n border-radius: 10px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n text-align: right;\n margin-top: 30px;\n opacity: 0;\n animation: flipIn 0.8s forwards;\n animation-delay: 0.5s;\n }\n \n .mattress-policy-title {\n color: #2980b9;\n font-size: 20px;\n font-weight: 700;\n margin-bottom: 15px;\n }\n \n .mattress-policy-item {\n display: block;\n margin-bottom: 10px;\n color: #34495e;\n font-size: 16px;\n }\n \n @media (max-width: 768px) {\n .mattress-title {\n font-size: 24px;\n }\n \n .mattress-content {\n padding: 20px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"mattress-cover-container\"\u003e\n\u003cdiv class=\"mattress-cover-wrapper\"\u003e\n\u003cdiv class=\"mattress-header\"\u003e\n\u003ch1 class=\"mattress-title\"\u003eغطاء المرتبة الفاخر المقاوم للماء\u003c\/h1\u003e\n\u003cp class=\"mattress-subtitle\"\u003eحماية كاملة وراحة فائقة لنوم هادئ\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mattress-content\"\u003e\n\u003cp class=\"mattress-description\"\u003eغطاء كامل ناعم ومتين بيحافظ على مرتبتك الغالية من الأتربة، السوائل، البقع، والتآكل اليومي. الكفر ضد المياه 100%، ومصنوع من خامة بو عالية الجودة، بتديك إحساس بالراحة والبرودة طول الليل، من غير ما يغيّر ملمس المرتبة أو يحسسك إنك نايم على طبقة إضافية.\u003c\/p\u003e\n\u003ch2 class=\"mattress-section-title\"\u003eالمزايا\u003c\/h2\u003e\n\u003cul class=\"mattress-benefits\"\u003e\n\u003cli\u003eخامة فاخرة باردة توزع الحرارة وتنظم حرارة الجسم\u003c\/li\u003e\n\u003cli\u003eمقاوم للمياه والانسكابات\u003c\/li\u003e\n\u003cli\u003eيحافظ على نعومة المرتبة الأصلية\u003c\/li\u003e\n\u003cli\u003eبيهيّئلك بيئة نوم صحية ومنعشة\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"mattress-policy\"\u003e\n\u003ch3 class=\"mattress-policy-title\"\u003eسياسة الاستبدال والضمان:\u003c\/h3\u003e\n\u003cspan class=\"mattress-policy-item\"\u003e🚚 التوصيل خلال 3 إلى 5 أيام عمل\u003c\/span\u003e \u003cspan class=\"mattress-policy-item\"\u003e🛡️ ضمان لمدة 3 سنوات\u003c\/span\u003e \u003cspan class=\"mattress-policy-item\"\u003e🔁 استبدال واسترجاع خلال 14 يوم\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 bluff ","offers":[{"title":"Default Title","offer_id":45749270282439,"sku":"1762476726690d42b690ad8","price":1099.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/fluffofferscopy2hh.jpg?v=1770122320"},{"product_id":"عرض-مرتبه-تطرية-فندقيه-واقي-مرتبه-مقاس-120","title":"عرض مرتبه تطرية فندقيه + واقي مرتبه مقاس 120","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n }\n\n .product-container {\n max-width: 900px;\n margin: 20px auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n position: relative;\n }\n\n .header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n\n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n\n .header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n left: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n\n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n\n .product-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n animation: bounce 5s ease infinite;\n }\n\n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n\n .product-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n\n .content {\n padding: 30px;\n }\n\n .section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n }\n\n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n transition: width 0.5s ease;\n animation: grow 1s forwards;\n }\n\n @keyframes grow {\n to { width: 100%; }\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 40px;\n }\n\n .feature-card {\n background: white;\n border-radius: 10px;\n padding: 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-bottom: 3px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n }\n\n .feature-card:hover {\n border-bottom: 3px solid #2ecc71;\n transform: translateY(-5px);\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n }\n\n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .feature-card:nth-child(1) { animation-delay: 0.1s; }\n .feature-card:nth-child(2) { animation-delay: 0.2s; }\n .feature-card:nth-child(3) { animation-delay: 0.3s; }\n\n .feature-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-bottom: 15px;\n color: white;\n font-size: 20px;\n animation: float 3s ease-in-out infinite;\n }\n\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n\n .feature-title {\n font-size: 18px;\n font-weight: 700;\n color: #34495e;\n margin-bottom: 10px;\n }\n\n .feature-desc {\n color: #7f8c8d;\n line-height: 1.6;\n }\n\n @media (max-width: 768px) {\n .features-grid {\n grid-template-columns: 1fr;\n }\n\n .product-title {\n font-size: 24px;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eاستمتع بنوم فاخر مع مرتبة الفايبر توبر\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eراحة إضافية، جودة عالية، تصميم عملي يناسب كل غرفة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"section-title\"\u003eتفاصيل المنتج\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🛏️\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eراحة مضاعفة\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتضيف طبقة ناعمة مريحة فوق المرتبة الأساسية لتجربة نوم أكثر راحة وهدوء.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eخامة ألمانية\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eمصنوعة من أجود أنواع الألياف الألمانية المستوردة لتوفير أعلى مستويات الجودة.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧳\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eمثالية للاستخدام المتعدد\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eقابلة للنقل، مثالية للضيوف، الرحلات، أو كمفرش مريح لأوقات الاسترخاء.\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003e\n\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n \/* Import Font *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n \n \/* Animations *\/\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n \n @keyframes flipIn {\n 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n \n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n \n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes grow {\n to { width: 100%; }\n }\n \n \/* Scoped Styles *\/\n .mattress-cover-container * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .mattress-cover-container {\n font-family: 'Tajawal', sans-serif;\n background: #f0f8ff;\n padding: 20px;\n }\n \n .mattress-cover-wrapper {\n max-width: 900px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n position: relative;\n }\n \n .mattress-header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .mattress-header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n right: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .mattress-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n animation: bounce 5s ease infinite;\n }\n \n .mattress-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .mattress-content {\n padding: 30px;\n }\n \n .mattress-description {\n margin-bottom: 30px;\n color: #2c3e50;\n line-height: 1.8;\n font-size: 16px;\n text-align: right;\n }\n \n .mattress-section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n font-weight: 700;\n }\n \n .mattress-section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n animation: grow 1s forwards;\n }\n \n .mattress-benefits {\n list-style: none;\n padding: 0;\n margin-bottom: 40px;\n }\n \n .mattress-benefits li {\n background: white;\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 15px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-right: 4px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n text-align: right;\n }\n \n .mattress-benefits li:nth-child(1) { animation-delay: 0.1s; }\n .mattress-benefits li:nth-child(2) { animation-delay: 0.2s; }\n .mattress-benefits li:nth-child(3) { animation-delay: 0.3s; }\n .mattress-benefits li:nth-child(4) { animation-delay: 0.4s; }\n \n .mattress-benefits li::before {\n content: \"✓\";\n display: inline-block;\n width: 30px;\n height: 30px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-left: 15px;\n color: white;\n text-align: center;\n line-height: 30px;\n font-weight: bold;\n animation: float 3s ease-in-out infinite;\n }\n \n .mattress-benefits li:hover {\n transform: translateY(-5px) translateX(5px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-right-color: #3498db;\n }\n \n .mattress-policy {\n background: white;\n border-radius: 10px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n text-align: right;\n margin-top: 30px;\n opacity: 0;\n animation: flipIn 0.8s forwards;\n animation-delay: 0.5s;\n }\n \n .mattress-policy-title {\n color: #2980b9;\n font-size: 20px;\n font-weight: 700;\n margin-bottom: 15px;\n }\n \n .mattress-policy-item {\n display: block;\n margin-bottom: 10px;\n color: #34495e;\n font-size: 16px;\n }\n \n @media (max-width: 768px) {\n .mattress-title {\n font-size: 24px;\n }\n \n .mattress-content {\n padding: 20px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-desc\"\u003e\n\u003cdiv class=\"mattress-cover-container\"\u003e\n\u003cdiv class=\"mattress-cover-wrapper\"\u003e\n\u003cdiv class=\"mattress-header\"\u003e\n\u003ch1 class=\"mattress-title\"\u003eغطاء المرتبة الفاخر المقاوم للماء\u003c\/h1\u003e\n\u003cp class=\"mattress-subtitle\"\u003eحماية كاملة وراحة فائقة لنوم هادئ\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mattress-content\"\u003e\n\u003cp class=\"mattress-description\"\u003eغطاء كامل ناعم ومتين بيحافظ على مرتبتك الغالية من الأتربة، السوائل، البقع، والتآكل اليومي. الكفر ضد المياه 100%، ومصنوع من خامة بو عالية الجودة، بتديك إحساس بالراحة والبرودة طول الليل، من غير ما يغيّر ملمس المرتبة أو يحسسك إنك نايم على طبقة إضافية.\u003c\/p\u003e\n\u003ch2 class=\"mattress-section-title\"\u003eالمزايا\u003c\/h2\u003e\n\u003cul class=\"mattress-benefits\"\u003e\n\u003cli\u003eخامة فاخرة باردة توزع الحرارة وتنظم حرارة الجسم\u003c\/li\u003e\n\u003cli\u003eمقاوم للمياه والانسكابات\u003c\/li\u003e\n\u003cli\u003eيحافظ على نعومة المرتبة الأصلية\u003c\/li\u003e\n\u003cli\u003eبيهيّئلك بيئة نوم صحية ومنعشة\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"mattress-policy\"\u003e\n\u003ch3 class=\"mattress-policy-title\"\u003eسياسة الاستبدال والضمان:\u003c\/h3\u003e\n\u003cspan class=\"mattress-policy-item\"\u003e🚚 التوصيل خلال 3 إلى 5 أيام عمل\u003c\/span\u003e \u003cspan class=\"mattress-policy-item\"\u003e🛡️ ضمان لمدة 3 سنوات\u003c\/span\u003e \u003cspan class=\"mattress-policy-item\"\u003e🔁 استبدال واسترجاع خلال 14 يوم\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 bluff ","offers":[{"title":"Default Title","offer_id":45749278671047,"sku":"1762477116690d443c00809","price":1349.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/black_friday8.webp?v=1762476948"},{"product_id":"عرض-مرتبه-تطرية-فندقيه-واقي-مرتبه-مقاس-160","title":"عرض مرتبه تطرية فندقيه + واقي مرتبه مقاس 160","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n }\n\n .product-container {\n max-width: 900px;\n margin: 20px auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n position: relative;\n }\n\n .header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n\n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n\n .header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n left: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n\n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n\n .product-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n animation: bounce 5s ease infinite;\n }\n\n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n\n .product-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n\n .content {\n padding: 30px;\n }\n\n .section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n }\n\n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n transition: width 0.5s ease;\n animation: grow 1s forwards;\n }\n\n @keyframes grow {\n to { width: 100%; }\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 40px;\n }\n\n .feature-card {\n background: white;\n border-radius: 10px;\n padding: 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-bottom: 3px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n }\n\n .feature-card:hover {\n border-bottom: 3px solid #2ecc71;\n transform: translateY(-5px);\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n }\n\n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .feature-card:nth-child(1) { animation-delay: 0.1s; }\n .feature-card:nth-child(2) { animation-delay: 0.2s; }\n .feature-card:nth-child(3) { animation-delay: 0.3s; }\n\n .feature-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-bottom: 15px;\n color: white;\n font-size: 20px;\n animation: float 3s ease-in-out infinite;\n }\n\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n\n .feature-title {\n font-size: 18px;\n font-weight: 700;\n color: #34495e;\n margin-bottom: 10px;\n }\n\n .feature-desc {\n color: #7f8c8d;\n line-height: 1.6;\n }\n\n @media (max-width: 768px) {\n .features-grid {\n grid-template-columns: 1fr;\n }\n\n .product-title {\n font-size: 24px;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eاستمتع بنوم فاخر مع مرتبة الفايبر توبر\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eراحة إضافية، جودة عالية، تصميم عملي يناسب كل غرفة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"section-title\"\u003eتفاصيل المنتج\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🛏️\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eراحة مضاعفة\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتضيف طبقة ناعمة مريحة فوق المرتبة الأساسية لتجربة نوم أكثر راحة وهدوء.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eخامة ألمانية\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eمصنوعة من أجود أنواع الألياف الألمانية المستوردة لتوفير أعلى مستويات الجودة.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧳\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eمثالية للاستخدام المتعدد\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eقابلة للنقل، مثالية للضيوف، الرحلات، أو كمفرش مريح لأوقات الاسترخاء.\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003e\n\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n \/* Import Font *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n \n \/* Animations *\/\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n \n @keyframes flipIn {\n 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n \n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n \n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes grow {\n to { width: 100%; }\n }\n \n \/* Scoped Styles *\/\n .mattress-cover-container * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .mattress-cover-container {\n font-family: 'Tajawal', sans-serif;\n background: #f0f8ff;\n padding: 20px;\n }\n \n .mattress-cover-wrapper {\n max-width: 900px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n position: relative;\n }\n \n .mattress-header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .mattress-header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n right: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .mattress-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n animation: bounce 5s ease infinite;\n }\n \n .mattress-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .mattress-content {\n padding: 30px;\n }\n \n .mattress-description {\n margin-bottom: 30px;\n color: #2c3e50;\n line-height: 1.8;\n font-size: 16px;\n text-align: right;\n }\n \n .mattress-section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n font-weight: 700;\n }\n \n .mattress-section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n animation: grow 1s forwards;\n }\n \n .mattress-benefits {\n list-style: none;\n padding: 0;\n margin-bottom: 40px;\n }\n \n .mattress-benefits li {\n background: white;\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 15px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-right: 4px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n text-align: right;\n }\n \n .mattress-benefits li:nth-child(1) { animation-delay: 0.1s; }\n .mattress-benefits li:nth-child(2) { animation-delay: 0.2s; }\n .mattress-benefits li:nth-child(3) { animation-delay: 0.3s; }\n .mattress-benefits li:nth-child(4) { animation-delay: 0.4s; }\n \n .mattress-benefits li::before {\n content: \"✓\";\n display: inline-block;\n width: 30px;\n height: 30px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-left: 15px;\n color: white;\n text-align: center;\n line-height: 30px;\n font-weight: bold;\n animation: float 3s ease-in-out infinite;\n }\n \n .mattress-benefits li:hover {\n transform: translateY(-5px) translateX(5px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-right-color: #3498db;\n }\n \n .mattress-policy {\n background: white;\n border-radius: 10px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n text-align: right;\n margin-top: 30px;\n opacity: 0;\n animation: flipIn 0.8s forwards;\n animation-delay: 0.5s;\n }\n \n .mattress-policy-title {\n color: #2980b9;\n font-size: 20px;\n font-weight: 700;\n margin-bottom: 15px;\n }\n \n .mattress-policy-item {\n display: block;\n margin-bottom: 10px;\n color: #34495e;\n font-size: 16px;\n }\n \n @media (max-width: 768px) {\n .mattress-title {\n font-size: 24px;\n }\n \n .mattress-content {\n padding: 20px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-desc\"\u003e\n\u003cdiv class=\"mattress-cover-container\"\u003e\n\u003cdiv class=\"mattress-cover-wrapper\"\u003e\n\u003cdiv class=\"mattress-header\"\u003e\n\u003ch1 class=\"mattress-title\"\u003eغطاء المرتبة الفاخر المقاوم للماء\u003c\/h1\u003e\n\u003cp class=\"mattress-subtitle\"\u003eحماية كاملة وراحة فائقة لنوم هادئ\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mattress-content\"\u003e\n\u003cp class=\"mattress-description\"\u003eغطاء كامل ناعم ومتين بيحافظ على مرتبتك الغالية من الأتربة، السوائل، البقع، والتآكل اليومي. الكفر ضد المياه 100%، ومصنوع من خامة بو عالية الجودة، بتديك إحساس بالراحة والبرودة طول الليل، من غير ما يغيّر ملمس المرتبة أو يحسسك إنك نايم على طبقة إضافية.\u003c\/p\u003e\n\u003ch2 class=\"mattress-section-title\"\u003eالمزايا\u003c\/h2\u003e\n\u003cul class=\"mattress-benefits\"\u003e\n\u003cli\u003eخامة فاخرة باردة توزع الحرارة وتنظم حرارة الجسم\u003c\/li\u003e\n\u003cli\u003eمقاوم للمياه والانسكابات\u003c\/li\u003e\n\u003cli\u003eيحافظ على نعومة المرتبة الأصلية\u003c\/li\u003e\n\u003cli\u003eبيهيّئلك بيئة نوم صحية ومنعشة\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"mattress-policy\"\u003e\n\u003ch3 class=\"mattress-policy-title\"\u003eسياسة الاستبدال والضمان:\u003c\/h3\u003e\n\u003cspan class=\"mattress-policy-item\"\u003e🚚 التوصيل خلال 3 إلى 5 أيام عمل\u003c\/span\u003e \u003cspan class=\"mattress-policy-item\"\u003e🛡️ ضمان لمدة 3 سنوات\u003c\/span\u003e \u003cspan class=\"mattress-policy-item\"\u003e🔁 استبدال واسترجاع خلال 14 يوم\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 bluff ","offers":[{"title":"Default Title","offer_id":45749287518407,"sku":"1762477342690d451eefe3f","price":1549.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/black_friday9.webp?v=1762477238"},{"product_id":"عرض-مرتبه-تطرية-فندقيه-واقي-مرتبه-مقاس-200","title":"عرض مرتبه تطرية فندقيه + واقي مرتبه مقاس 200","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n }\n\n .product-container {\n max-width: 900px;\n margin: 20px auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n position: relative;\n }\n\n .header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n\n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n\n .header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n left: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n\n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n\n .product-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n animation: bounce 5s ease infinite;\n }\n\n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n\n .product-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n\n .content {\n padding: 30px;\n }\n\n .section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n }\n\n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n transition: width 0.5s ease;\n animation: grow 1s forwards;\n }\n\n @keyframes grow {\n to { width: 100%; }\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 40px;\n }\n\n .feature-card {\n background: white;\n border-radius: 10px;\n padding: 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-bottom: 3px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n }\n\n .feature-card:hover {\n border-bottom: 3px solid #2ecc71;\n transform: translateY(-5px);\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n }\n\n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .feature-card:nth-child(1) { animation-delay: 0.1s; }\n .feature-card:nth-child(2) { animation-delay: 0.2s; }\n .feature-card:nth-child(3) { animation-delay: 0.3s; }\n\n .feature-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-bottom: 15px;\n color: white;\n font-size: 20px;\n animation: float 3s ease-in-out infinite;\n }\n\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n\n .feature-title {\n font-size: 18px;\n font-weight: 700;\n color: #34495e;\n margin-bottom: 10px;\n }\n\n .feature-desc {\n color: #7f8c8d;\n line-height: 1.6;\n }\n\n @media (max-width: 768px) {\n .features-grid {\n grid-template-columns: 1fr;\n }\n\n .product-title {\n font-size: 24px;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eاستمتع بنوم فاخر مع مرتبة الفايبر توبر\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eراحة إضافية، جودة عالية، تصميم عملي يناسب كل غرفة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"section-title\"\u003eتفاصيل المنتج\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🛏️\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eراحة مضاعفة\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتضيف طبقة ناعمة مريحة فوق المرتبة الأساسية لتجربة نوم أكثر راحة وهدوء.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eخامة ألمانية\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eمصنوعة من أجود أنواع الألياف الألمانية المستوردة لتوفير أعلى مستويات الجودة.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧳\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eمثالية للاستخدام المتعدد\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eقابلة للنقل، مثالية للضيوف، الرحلات، أو كمفرش مريح لأوقات الاسترخاء.\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003e\n\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n \/* Import Font *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n \n \/* Animations *\/\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n \n @keyframes flipIn {\n 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n \n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n \n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes grow {\n to { width: 100%; }\n }\n \n \/* Scoped Styles *\/\n .mattress-cover-container * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .mattress-cover-container {\n font-family: 'Tajawal', sans-serif;\n background: #f0f8ff;\n padding: 20px;\n }\n \n .mattress-cover-wrapper {\n max-width: 900px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n position: relative;\n }\n \n .mattress-header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .mattress-header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n right: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .mattress-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n animation: bounce 5s ease infinite;\n }\n \n .mattress-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .mattress-content {\n padding: 30px;\n }\n \n .mattress-description {\n margin-bottom: 30px;\n color: #2c3e50;\n line-height: 1.8;\n font-size: 16px;\n text-align: right;\n }\n \n .mattress-section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n font-weight: 700;\n }\n \n .mattress-section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n animation: grow 1s forwards;\n }\n \n .mattress-benefits {\n list-style: none;\n padding: 0;\n margin-bottom: 40px;\n }\n \n .mattress-benefits li {\n background: white;\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 15px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-right: 4px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n text-align: right;\n }\n \n .mattress-benefits li:nth-child(1) { animation-delay: 0.1s; }\n .mattress-benefits li:nth-child(2) { animation-delay: 0.2s; }\n .mattress-benefits li:nth-child(3) { animation-delay: 0.3s; }\n .mattress-benefits li:nth-child(4) { animation-delay: 0.4s; }\n \n .mattress-benefits li::before {\n content: \"✓\";\n display: inline-block;\n width: 30px;\n height: 30px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-left: 15px;\n color: white;\n text-align: center;\n line-height: 30px;\n font-weight: bold;\n animation: float 3s ease-in-out infinite;\n }\n \n .mattress-benefits li:hover {\n transform: translateY(-5px) translateX(5px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-right-color: #3498db;\n }\n \n .mattress-policy {\n background: white;\n border-radius: 10px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n text-align: right;\n margin-top: 30px;\n opacity: 0;\n animation: flipIn 0.8s forwards;\n animation-delay: 0.5s;\n }\n \n .mattress-policy-title {\n color: #2980b9;\n font-size: 20px;\n font-weight: 700;\n margin-bottom: 15px;\n }\n \n .mattress-policy-item {\n display: block;\n margin-bottom: 10px;\n color: #34495e;\n font-size: 16px;\n }\n \n @media (max-width: 768px) {\n .mattress-title {\n font-size: 24px;\n }\n \n .mattress-content {\n padding: 20px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-desc\"\u003e\n\u003cdiv class=\"mattress-cover-container\"\u003e\n\u003cdiv class=\"mattress-cover-wrapper\"\u003e\n\u003cdiv class=\"mattress-header\"\u003e\n\u003ch1 class=\"mattress-title\"\u003eغطاء المرتبة الفاخر المقاوم للماء\u003c\/h1\u003e\n\u003cp class=\"mattress-subtitle\"\u003eحماية كاملة وراحة فائقة لنوم هادئ\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mattress-content\"\u003e\n\u003cp class=\"mattress-description\"\u003eغطاء كامل ناعم ومتين بيحافظ على مرتبتك الغالية من الأتربة، السوائل، البقع، والتآكل اليومي. الكفر ضد المياه 100%، ومصنوع من خامة بو عالية الجودة، بتديك إحساس بالراحة والبرودة طول الليل، من غير ما يغيّر ملمس المرتبة أو يحسسك إنك نايم على طبقة إضافية.\u003c\/p\u003e\n\u003ch2 class=\"mattress-section-title\"\u003eالمزايا\u003c\/h2\u003e\n\u003cul class=\"mattress-benefits\"\u003e\n\u003cli\u003eخامة فاخرة باردة توزع الحرارة وتنظم حرارة الجسم\u003c\/li\u003e\n\u003cli\u003eمقاوم للمياه والانسكابات\u003c\/li\u003e\n\u003cli\u003eيحافظ على نعومة المرتبة الأصلية\u003c\/li\u003e\n\u003cli\u003eبيهيّئلك بيئة نوم صحية ومنعشة\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"mattress-policy\"\u003e\n\u003ch3 class=\"mattress-policy-title\"\u003eسياسة الاستبدال والضمان:\u003c\/h3\u003e\n\u003cspan class=\"mattress-policy-item\"\u003e🚚 التوصيل خلال 3 إلى 5 أيام عمل\u003c\/span\u003e \u003cspan class=\"mattress-policy-item\"\u003e🛡️ ضمان لمدة 3 سنوات\u003c\/span\u003e \u003cspan class=\"mattress-policy-item\"\u003e🔁 استبدال واسترجاع خلال 14 يوم\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 bluff ","offers":[{"title":"Default Title","offer_id":45749294432455,"sku":"1762477522690d45d2cbd7d","price":1850.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/black_friday111.webp?v=1762477425"},{"product_id":"عرض-مرتبه-تطرية-فندقيه-واقي-مرتبه-مقاس-180","title":"عرض مرتبه تطرية فندقيه + واقي مرتبه مقاس 180","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n }\n\n .product-container {\n max-width: 900px;\n margin: 20px auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n position: relative;\n }\n\n .header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n\n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n\n .header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n left: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n\n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n\n .product-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n animation: bounce 5s ease infinite;\n }\n\n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n\n .product-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n\n .content {\n padding: 30px;\n }\n\n .section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n }\n\n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n transition: width 0.5s ease;\n animation: grow 1s forwards;\n }\n\n @keyframes grow {\n to { width: 100%; }\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 40px;\n }\n\n .feature-card {\n background: white;\n border-radius: 10px;\n padding: 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-bottom: 3px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n }\n\n .feature-card:hover {\n border-bottom: 3px solid #2ecc71;\n transform: translateY(-5px);\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n }\n\n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .feature-card:nth-child(1) { animation-delay: 0.1s; }\n .feature-card:nth-child(2) { animation-delay: 0.2s; }\n .feature-card:nth-child(3) { animation-delay: 0.3s; }\n\n .feature-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-bottom: 15px;\n color: white;\n font-size: 20px;\n animation: float 3s ease-in-out infinite;\n }\n\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n\n .feature-title {\n font-size: 18px;\n font-weight: 700;\n color: #34495e;\n margin-bottom: 10px;\n }\n\n .feature-desc {\n color: #7f8c8d;\n line-height: 1.6;\n }\n\n @media (max-width: 768px) {\n .features-grid {\n grid-template-columns: 1fr;\n }\n\n .product-title {\n font-size: 24px;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eاستمتع بنوم فاخر مع مرتبة الفايبر توبر\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eراحة إضافية، جودة عالية، تصميم عملي يناسب كل غرفة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"section-title\"\u003eتفاصيل المنتج\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🛏️\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eراحة مضاعفة\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتضيف طبقة ناعمة مريحة فوق المرتبة الأساسية لتجربة نوم أكثر راحة وهدوء.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eخامة ألمانية\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eمصنوعة من أجود أنواع الألياف الألمانية المستوردة لتوفير أعلى مستويات الجودة.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧳\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eمثالية للاستخدام المتعدد\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eقابلة للنقل، مثالية للضيوف، الرحلات، أو كمفرش مريح لأوقات الاسترخاء.\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003e\n\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n \/* Import Font *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n \n \/* Animations *\/\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n \n @keyframes flipIn {\n 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n \n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n \n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes grow {\n to { width: 100%; }\n }\n \n \/* Scoped Styles *\/\n .mattress-cover-container * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .mattress-cover-container {\n font-family: 'Tajawal', sans-serif;\n background: #f0f8ff;\n padding: 20px;\n }\n \n .mattress-cover-wrapper {\n max-width: 900px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n position: relative;\n }\n \n .mattress-header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .mattress-header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n right: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .mattress-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n animation: bounce 5s ease infinite;\n }\n \n .mattress-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .mattress-content {\n padding: 30px;\n }\n \n .mattress-description {\n margin-bottom: 30px;\n color: #2c3e50;\n line-height: 1.8;\n font-size: 16px;\n text-align: right;\n }\n \n .mattress-section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n font-weight: 700;\n }\n \n .mattress-section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n animation: grow 1s forwards;\n }\n \n .mattress-benefits {\n list-style: none;\n padding: 0;\n margin-bottom: 40px;\n }\n \n .mattress-benefits li {\n background: white;\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 15px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-right: 4px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n text-align: right;\n }\n \n .mattress-benefits li:nth-child(1) { animation-delay: 0.1s; }\n .mattress-benefits li:nth-child(2) { animation-delay: 0.2s; }\n .mattress-benefits li:nth-child(3) { animation-delay: 0.3s; }\n .mattress-benefits li:nth-child(4) { animation-delay: 0.4s; }\n \n .mattress-benefits li::before {\n content: \"✓\";\n display: inline-block;\n width: 30px;\n height: 30px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-left: 15px;\n color: white;\n text-align: center;\n line-height: 30px;\n font-weight: bold;\n animation: float 3s ease-in-out infinite;\n }\n \n .mattress-benefits li:hover {\n transform: translateY(-5px) translateX(5px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-right-color: #3498db;\n }\n \n .mattress-policy {\n background: white;\n border-radius: 10px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n text-align: right;\n margin-top: 30px;\n opacity: 0;\n animation: flipIn 0.8s forwards;\n animation-delay: 0.5s;\n }\n \n .mattress-policy-title {\n color: #2980b9;\n font-size: 20px;\n font-weight: 700;\n margin-bottom: 15px;\n }\n \n .mattress-policy-item {\n display: block;\n margin-bottom: 10px;\n color: #34495e;\n font-size: 16px;\n }\n \n @media (max-width: 768px) {\n .mattress-title {\n font-size: 24px;\n }\n \n .mattress-content {\n padding: 20px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-desc\"\u003e\n\u003cdiv class=\"mattress-cover-container\"\u003e\n\u003cdiv class=\"mattress-cover-wrapper\"\u003e\n\u003cdiv class=\"mattress-header\"\u003e\n\u003ch1 class=\"mattress-title\"\u003eغطاء المرتبة الفاخر المقاوم للماء\u003c\/h1\u003e\n\u003cp class=\"mattress-subtitle\"\u003eحماية كاملة وراحة فائقة لنوم هادئ\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mattress-content\"\u003e\n\u003cp class=\"mattress-description\"\u003eغطاء كامل ناعم ومتين بيحافظ على مرتبتك الغالية من الأتربة، السوائل، البقع، والتآكل اليومي. الكفر ضد المياه 100%، ومصنوع من خامة بو عالية الجودة، بتديك إحساس بالراحة والبرودة طول الليل، من غير ما يغيّر ملمس المرتبة أو يحسسك إنك نايم على طبقة إضافية.\u003c\/p\u003e\n\u003ch2 class=\"mattress-section-title\"\u003eالمزايا\u003c\/h2\u003e\n\u003cul class=\"mattress-benefits\"\u003e\n\u003cli\u003eخامة فاخرة باردة توزع الحرارة وتنظم حرارة الجسم\u003c\/li\u003e\n\u003cli\u003eمقاوم للمياه والانسكابات\u003c\/li\u003e\n\u003cli\u003eيحافظ على نعومة المرتبة الأصلية\u003c\/li\u003e\n\u003cli\u003eبيهيّئلك بيئة نوم صحية ومنعشة\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"mattress-policy\"\u003e\n\u003ch3 class=\"mattress-policy-title\"\u003eسياسة الاستبدال والضمان:\u003c\/h3\u003e\n\u003cspan class=\"mattress-policy-item\"\u003e🚚 التوصيل خلال 3 إلى 5 أيام عمل\u003c\/span\u003e \u003cspan class=\"mattress-policy-item\"\u003e🛡️ ضمان لمدة 3 سنوات\u003c\/span\u003e \u003cspan class=\"mattress-policy-item\"\u003e🔁 استبدال واسترجاع خلال 14 يوم\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 bluff ","offers":[{"title":"Default Title","offer_id":45749321072839,"sku":"1762477792690d46e0d17ac","price":1690.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/8986.jpg?v=1769727074"},{"product_id":"m160120120","title":"عرض مرتبة تطرية فندقية مقاس 160 + 2 مرتبة مقاس 120","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n }\n\n .product-container {\n max-width: 900px;\n margin: 20px auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n position: relative;\n }\n\n .header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n\n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n\n .header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n left: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n\n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n\n .product-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n animation: bounce 5s ease infinite;\n }\n\n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n\n .product-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n\n .content {\n padding: 30px;\n }\n\n .section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n }\n\n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n transition: width 0.5s ease;\n animation: grow 1s forwards;\n }\n\n @keyframes grow {\n to { width: 100%; }\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 40px;\n }\n\n .feature-card {\n background: white;\n border-radius: 10px;\n padding: 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-bottom: 3px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n }\n\n .feature-card:hover {\n border-bottom: 3px solid #2ecc71;\n transform: translateY(-5px);\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n }\n\n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .feature-card:nth-child(1) { animation-delay: 0.1s; }\n .feature-card:nth-child(2) { animation-delay: 0.2s; }\n .feature-card:nth-child(3) { animation-delay: 0.3s; }\n\n .feature-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-bottom: 15px;\n color: white;\n font-size: 20px;\n animation: float 3s ease-in-out infinite;\n }\n\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n\n .feature-title {\n font-size: 18px;\n font-weight: 700;\n color: #34495e;\n margin-bottom: 10px;\n }\n\n .feature-desc {\n color: #7f8c8d;\n line-height: 1.6;\n }\n\n @media (max-width: 768px) {\n .features-grid {\n grid-template-columns: 1fr;\n }\n\n .product-title {\n font-size: 24px;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eاستمتع بنوم فاخر مع مرتبة الفايبر سوفت\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eراحة إضافية، جودة عالية، تصميم عملي يناسب كل غرفة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"section-title\"\u003eتفاصيل المنتج\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🛏️\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eراحة مضاعفة\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتضيف طبقة ناعمة مريحة فوق المرتبة الأساسية لتجربة نوم أكثر راحة وهدوء.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eخامة مستوردة\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eمصنوعة من أجود أنواع الألياف المستوردة لتوفير أعلى مستويات الجودة.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧳\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eمثالية للاستخدام المتعدد\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eقابلة للنقل، مثالية للضيوف، الرحلات، أو كمفرش مريح لأوقات الاسترخاء.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 bluff ","offers":[{"title":"Default Title","offer_id":45782851420359,"sku":"176321883369189591d1f5a","price":2999.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/fluffofferscopy211.jpg?v=1770121445"},{"product_id":"m180120120","title":"عرض مرتبة تطرية فندقية مقاس 180 + 2 مرتبة مقاس 120","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n }\n\n .product-container {\n max-width: 900px;\n margin: 20px auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n position: relative;\n }\n\n .header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n\n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n\n .header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n left: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n\n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n\n .product-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n animation: bounce 5s ease infinite;\n }\n\n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n\n .product-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n\n .content {\n padding: 30px;\n }\n\n .section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n }\n\n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n transition: width 0.5s ease;\n animation: grow 1s forwards;\n }\n\n @keyframes grow {\n to { width: 100%; }\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 40px;\n }\n\n .feature-card {\n background: white;\n border-radius: 10px;\n padding: 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-bottom: 3px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n }\n\n .feature-card:hover {\n border-bottom: 3px solid #2ecc71;\n transform: translateY(-5px);\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n }\n\n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .feature-card:nth-child(1) { animation-delay: 0.1s; }\n .feature-card:nth-child(2) { animation-delay: 0.2s; }\n .feature-card:nth-child(3) { animation-delay: 0.3s; }\n\n .feature-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-bottom: 15px;\n color: white;\n font-size: 20px;\n animation: float 3s ease-in-out infinite;\n }\n\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n\n .feature-title {\n font-size: 18px;\n font-weight: 700;\n color: #34495e;\n margin-bottom: 10px;\n }\n\n .feature-desc {\n color: #7f8c8d;\n line-height: 1.6;\n }\n\n @media (max-width: 768px) {\n .features-grid {\n grid-template-columns: 1fr;\n }\n\n .product-title {\n font-size: 24px;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eاستمتع بنوم فاخر مع مرتبة الفايبر سوفت\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eراحة إضافية، جودة عالية، تصميم عملي يناسب كل غرفة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"section-title\"\u003eتفاصيل المنتج\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🛏️\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eراحة مضاعفة\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتضيف طبقة ناعمة مريحة فوق المرتبة الأساسية لتجربة نوم أكثر راحة وهدوء.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eخامة مستوردة\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eمصنوعة من أجود أنواع الألياف المستوردة لتوفير أعلى مستويات الجودة.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧳\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eمثالية للاستخدام المتعدد\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eقابلة للنقل، مثالية للضيوف، الرحلات، أو كمفرش مريح لأوقات الاسترخاء.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 bluff ","offers":[{"title":"Default Title","offer_id":45782851846343,"sku":"1763218635691894cb3270e","price":3099.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/fluffoffers1.jpg?v=1770121333"},{"product_id":"cover-offers-200120","title":"عرض واقي مرتبة مقاس 200 + واقي مقاس 120","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 *\/\n .mattress-cover-container * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .mattress-cover-container {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n padding: 20px;\n }\n \n .mattress-cover-wrapper {\n max-width: 900px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n position: relative;\n }\n \n .mattress-header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .mattress-header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n right: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .mattress-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n animation: bounce 5s ease infinite;\n }\n \n .mattress-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .mattress-content {\n padding: 30px;\n }\n \n .mattress-description {\n margin-bottom: 30px;\n color: #2c3e50;\n line-height: 1.8;\n font-size: 16px;\n text-align: right;\n }\n \n .mattress-section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n font-weight: 700;\n }\n \n .mattress-section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n animation: grow 1s forwards;\n }\n \n .mattress-benefits {\n list-style: none;\n padding: 0;\n margin-bottom: 40px;\n }\n \n .mattress-benefits li {\n background: white;\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 15px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-right: 4px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n text-align: right;\n }\n \n .mattress-benefits li:nth-child(1) { animation-delay: 0.1s; }\n .mattress-benefits li:nth-child(2) { animation-delay: 0.2s; }\n .mattress-benefits li:nth-child(3) { animation-delay: 0.3s; }\n .mattress-benefits li:nth-child(4) { animation-delay: 0.4s; }\n \n .mattress-benefits li::before {\n content: \"✓\";\n display: inline-block;\n width: 30px;\n height: 30px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-left: 15px;\n color: white;\n text-align: center;\n line-height: 30px;\n font-weight: bold;\n animation: float 3s ease-in-out infinite;\n }\n \n .mattress-benefits li:hover {\n transform: translateY(-5px) translateX(5px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-right-color: #3498db;\n }\n \n .mattress-policy {\n background: white;\n border-radius: 10px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n text-align: right;\n margin-top: 30px;\n opacity: 0;\n animation: flipIn 0.8s forwards;\n animation-delay: 0.5s;\n }\n \n .mattress-policy-title {\n color: #2980b9;\n font-size: 20px;\n font-weight: 700;\n margin-bottom: 15px;\n }\n \n .mattress-policy-item {\n display: block;\n margin-bottom: 10px;\n color: #34495e;\n font-size: 16px;\n }\n \n @media (max-width: 768px) {\n .mattress-title {\n font-size: 24px;\n }\n \n .mattress-content {\n padding: 20px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"mattress-cover-container\"\u003e\n\u003cdiv class=\"mattress-cover-wrapper\"\u003e\n\u003cdiv class=\"mattress-header\"\u003e\n\u003ch1 class=\"mattress-title\"\u003eغطاء المرتبة الفاخر المقاوم للماء\u003c\/h1\u003e\n\u003cp class=\"mattress-subtitle\"\u003eحماية كاملة وراحة فائقة لنوم هادئ\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mattress-content\"\u003e\n\u003cp class=\"mattress-description\"\u003eغطاء كامل ناعم ومتين بيحافظ على مرتبتك الغالية من الأتربة، السوائل، البقع، والتآكل اليومي. الكفر ضد المياه 100%، ومصنوع من خامة بو عالية الجودة، بتديك إحساس بالراحة والبرودة طول الليل، من غير ما يغيّر ملمس المرتبة أو يحسسك إنك نايم على طبقة إضافية.\u003c\/p\u003e\n\u003ch2 class=\"mattress-section-title\"\u003eالمزايا\u003c\/h2\u003e\n\u003cul class=\"mattress-benefits\"\u003e\n\u003cli\u003eخامة فاخرة باردة توزع الحرارة وتنظم حرارة الجسم\u003c\/li\u003e\n\u003cli\u003eمقاوم للمياه والانسكابات\u003c\/li\u003e\n\u003cli\u003eيحافظ على نعومة المرتبة الأصلية\u003c\/li\u003e\n\u003cli\u003eبيهيّئلك بيئة نوم صحية ومنعشة\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"mattress-policy\"\u003e\n\u003ch3 class=\"mattress-policy-title\"\u003eسياسة الاستبدال والضمان:\u003c\/h3\u003e\n\u003cspan class=\"mattress-policy-item\"\u003e🚚 التوصيل خلال 3 إلى 5 أيام عمل\u003c\/span\u003e \u003cspan class=\"mattress-policy-item\"\u003e🛡️ ضمان لمدة 3 سنوات\u003c\/span\u003e \u003cspan class=\"mattress-policy-item\"\u003e🔁 استبدال واسترجاع خلال 14 يوم\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 bluff","offers":[{"title":"Default Title","offer_id":46200349229255,"sku":null,"price":1099.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/fluff_offers_copy_111.jpg?v=1771475964"},{"product_id":"المخدة-الفندقية-بديل-الريش-copy","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 Pillow Product *\/\n .pillow-product-container * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .pillow-product-container {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n padding: 20px;\n }\n \n .pillow-wrapper {\n max-width: 900px;\n margin: 0 auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n position: relative;\n }\n \n .pillow-header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .pillow-header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n right: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .pillow-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n animation: bounce 5s ease infinite;\n }\n \n .pillow-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .pillow-content {\n padding: 30px;\n }\n \n .pillow-intro {\n background: white;\n border-radius: 10px;\n padding: 25px;\n margin-bottom: 30px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n text-align: right;\n line-height: 1.8;\n opacity: 0;\n animation: flipIn 0.8s forwards;\n }\n \n .pillow-intro strong {\n display: block;\n color: #2980b9;\n font-size: 20px;\n margin-bottom: 15px;\n }\n \n .pillow-section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n font-weight: 700;\n }\n \n .pillow-section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n animation: grow 1s forwards;\n }\n \n .pillow-specs {\n list-style: none;\n padding: 0;\n margin-bottom: 30px;\n }\n \n .pillow-specs li {\n background: white;\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 15px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-right: 4px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n text-align: right;\n display: flex;\n align-items: center;\n }\n \n .pillow-specs li:nth-child(1) { animation-delay: 0.1s; }\n .pillow-specs li:nth-child(2) { animation-delay: 0.2s; }\n .pillow-specs li:nth-child(3) { animation-delay: 0.3s; }\n .pillow-specs li:nth-child(4) { animation-delay: 0.4s; }\n .pillow-specs li:nth-child(5) { animation-delay: 0.5s; }\n \n .pillow-specs li::before {\n content: \"\";\n display: inline-block;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-left: 15px;\n color: white;\n text-align: center;\n line-height: 40px;\n font-size: 18px;\n animation: float 3s ease-in-out infinite;\n flex-shrink: 0;\n }\n \n .pillow-specs li:nth-child(1)::before { content: \"📏\"; }\n .pillow-specs li:nth-child(2)::before { content: \"🪶\"; }\n .pillow-specs li:nth-child(3)::before { content: \"🧵\"; }\n .pillow-specs li:nth-child(4)::before { content: \"💤\"; }\n .pillow-specs li:nth-child(5)::before { content: \"👨👩👧👦\"; }\n \n .pillow-specs li:hover {\n transform: translateY(-5px) translateX(5px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-right-color: #3498db;\n }\n \n .pillow-cta {\n background: white;\n border-radius: 10px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n text-align: center;\n margin-top: 30px;\n opacity: 0;\n animation: flipIn 0.8s forwards;\n animation-delay: 0.6s;\n }\n \n .pillow-cta p {\n color: #2980b9;\n font-size: 20px;\n font-weight: 700;\n background: linear-gradient(to left, #3498db, #2ecc71);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n text-shadow: none;\n }\n \n @media (max-width: 768px) {\n .pillow-title {\n font-size: 24px;\n }\n \n .pillow-content {\n padding: 20px;\n }\n \n .pillow-specs li {\n font-size: 14px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"pillow-product-container\"\u003e\n\u003cdiv class=\"pillow-wrapper\"\u003e\n\u003cdiv class=\"pillow-header\"\u003e\n\u003ch1 class=\"pillow-title\"\u003eالمخدة البريميوم من فلاف بلاف\u003c\/h1\u003e\n\u003cp class=\"pillow-subtitle\"\u003eرفاهية الفنادق الخمس نجوم في منزلك\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pillow-content\"\u003e\n\u003cdiv class=\"pillow-intro\"\u003e\u003cstrong\u003e\u003cmeta charset=\"utf-8\"\u003e\n\u003cspan\u003eمصممة لتمنحك تجربة نوم مريحة تجمع بين النعومة والدعم المثالي للرأس والرقبة. تتميز بحشوة مايكرو فايبر عالية الجودة تمنحك إحساساً فندقياً ناعماً يساعدك على الاسترخاء والنوم براحة طوال الليل.\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003ch2 class=\"pillow-section-title\"\u003eالمواصفات\u003c\/h2\u003e\n\u003cul class=\"pillow-specs\"\u003e\n\u003cli\u003eالمقاس: 50 × 70 سم\u003c\/li\u003e\n\u003cli\u003eشريط تهوية 3D يساعد على تحسين تدفق الهواء وتقليل الحرارة.\u003c\/li\u003e\n\u003cli\u003eالقماش: 300 خيط (TC 300) من القطن الناعم\u003c\/li\u003e\n\u003cli\u003eتمنحك نفس شعور الريش بدون أي حساسية\u003c\/li\u003e\n\u003cli\u003eمناسبة للكبار والأطفال\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"pillow-cta\"\u003e\n\u003cp\u003eاختيارك للمخدة دي مش رفاهية… ده استثمار في راحتك.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 Puff","offers":[{"title":"مخدة واحدة","offer_id":46640828219591,"sku":"17826863566a41a2944306d","price":899.0,"currency_code":"EGP","in_stock":true},{"title":"طقم السرير | 2 مخدة","offer_id":46914564227271,"sku":"PREMIUM-PILLOW-2","price":1599.0,"currency_code":"EGP","in_stock":true},{"title":"السرير الفندقي | 3 + 1 هدية","offer_id":46914564260039,"sku":"PREMIUM-PILLOW-4","price":2699.0,"currency_code":"EGP","in_stock":true},{"title":"البيت الفندقي | 4 + 2 هدية","offer_id":46914564292807,"sku":"PREMIUM-PILLOW-6","price":3699.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/c66b325df84c0da88a51d102e74eb28f_1000x_d5538972-f54d-4890-8342-ba4c5ffb1f4a.png?v=1781096274"},{"product_id":"مرتبة-أرضية-قابلة-للطي-ستيتش-أحمر","title":"مرتبة أرضية قابلة للطي ( ستيتش أحمر )","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n \n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n \n @keyframes flipIn {\n 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n \n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n }\n \n .product-container {\n max-width: 900px;\n margin: 20px auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n padding: 0;\n position: relative;\n }\n \n .header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n left: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .product-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n transform-origin: center;\n animation: bounce 5s ease infinite;\n }\n \n .product-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .content {\n padding: 30px;\n }\n \n .section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n }\n \n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n transition: width 0.5s ease;\n animation: grow 1s forwards;\n }\n \n @keyframes grow {\n to { width: 100%; }\n }\n \n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 40px;\n }\n \n .feature-card {\n background: white;\n border-radius: 10px;\n padding: 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-bottom: 3px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n }\n \n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .feature-card:nth-child(1) { animation-delay: 0.1s; }\n .feature-card:nth-child(2) { animation-delay: 0.2s; }\n .feature-card:nth-child(3) { animation-delay: 0.3s; }\n .feature-card:nth-child(4) { animation-delay: 0.4s; }\n .feature-card:nth-child(5) { animation-delay: 0.5s; }\n \n .feature-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(to right, #3498db, #2ecc71);\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.5s ease;\n }\n \n .feature-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-bottom-color: #3498db;\n }\n \n .feature-card:hover::before {\n transform: scaleX(1);\n transform-origin: left;\n }\n \n .feature-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-bottom: 15px;\n color: white;\n font-size: 20px;\n animation: float 3s ease-in-out infinite;\n }\n \n .feature-title {\n font-size: 18px;\n font-weight: 700;\n color: #34495e;\n margin-bottom: 10px;\n }\n \n .feature-desc {\n color: #7f8c8d;\n line-height: 1.6;\n }\n \n .specs-table-container {\n margin-top: 30px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n overflow: hidden;\n background: white;\n }\n \n .specs-table th {\n background: linear-gradient(to left, #3498db, #2980b9);\n color: white;\n padding: 15px;\n text-align: right;\n font-weight: 500;\n }\n \n .specs-table tr {\n opacity: 0;\n animation: flipIn 0.5s forwards;\n }\n \n .specs-table tr:nth-child(1) { animation-delay: 0.1s; }\n .specs-table tr:nth-child(2) { animation-delay: 0.2s; }\n .specs-table tr:nth-child(3) { animation-delay: 0.3s; }\n .specs-table tr:nth-child(4) { animation-delay: 0.4s; }\n .specs-table tr:nth-child(5) { animation-delay: 0.5s; }\n \n .specs-table td {\n padding: 15px;\n border-bottom: 1px solid #ecf0f1;\n transition: all 0.3s ease;\n }\n \n .specs-table tr:last-child td {\n border-bottom: none;\n }\n \n .specs-table tr:hover td {\n background-color: #f8fdff;\n transform: translateX(-5px);\n }\n \n .specs-table tr:nth-child(even) {\n background-color: #f9fcff;\n }\n \n .label {\n font-weight: 500;\n color: #2c3e50;\n }\n \n .value {\n color: #3498db;\n }\n \n @media (max-width: 768px) {\n .features-grid {\n grid-template-columns: 1fr;\n }\n \n .product-title {\n font-size: 24px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eاستمتع بأقصى درجات الراحة مع مرتبتنا متعددة الاستخدامات\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eتصميم عصري وراحة فائقة تناسب جميع احتياجاتك\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"section-title\"\u003eالمميزات الفريدة\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eتصميم مبتكر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eيمكن طي الوسادة العلوية لتكوين مسند رأس مريح مثالي للقراءة أو النوم\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧵\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eخامات عالية الجودة\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eقماش خارجي من مايكروفايبر ناعم وحشو فايبر يمنحانك راحة بدون تكتل\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🎨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eلون أنيق\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eستريبد جراي يضيف لمسة مميزة لديكور منزلك\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚖️\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eوزن متوازن\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eالوزن الكلي 4500 جرام لتحقيق توازن بين الراحة والمتانة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧳\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eمثالية للسفر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتصميم قابل للربط لسهولة الحمل والتنقل أثناء السفر والتجمعات العائلية\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eالمواصفات التفصيلية\u003c\/h2\u003e\n\u003cdiv class=\"specs-table-container\"\u003e\n\u003ctable class=\"specs-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eالمواصفات\u003c\/th\u003e\n\u003cth\u003eالتفاصيل\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالوزن الإجمالي\u003c\/td\u003e\n\u003ctd class=\"value\"\u003e4500 جرام\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالمادة الخارجية\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eمايكروفايبر ناعم\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالحشو\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eألياف فايبر مريحة\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eاللون\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eستريبد جراي \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالاستخدامات\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eالنوم، القراءة، السفر، التجمعات العائلية\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 bluff ","offers":[{"title":"Default Title","offer_id":46708529561799,"sku":"17827358976a4264192fa66","price":1299.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/fluff_floor_mattress_square_web_1200.webp?v=1782690380"},{"product_id":"مرتبة-أرضية-قابلة-للطي-ستيتش-أزرق","title":"مرتبة أرضية قابلة للطي ( ستيتش أزرق)","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700\u0026display=swap');\n \n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n @keyframes gradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes shine {\n 0% { background-position: -100%; }\n 100% { background-position: 200%; }\n }\n \n @keyframes flipIn {\n 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n \n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-20px); }\n 60% { transform: translateY(-10px); }\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Tajawal', sans-serif;\n background: #ffffff;\n }\n \n .product-container {\n max-width: 900px;\n margin: 20px auto;\n background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n padding: 0;\n position: relative;\n }\n \n .header {\n background: linear-gradient(-45deg, #3498db, #2980b9, #1abc9c, #16a085);\n background-size: 400% 400%;\n animation: gradient 15s ease infinite;\n padding: 25px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .header::before {\n content: \"\";\n position: absolute;\n top: -10px;\n left: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(45deg, #3498db, transparent, #3498db, transparent);\n background-size: 200% 100%;\n animation: shine 3s linear infinite;\n }\n \n .product-title {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n transform-origin: center;\n animation: bounce 5s ease infinite;\n }\n \n .product-subtitle {\n font-size: 18px;\n opacity: 0.9;\n }\n \n .content {\n padding: 30px;\n }\n \n .section-title {\n color: #2980b9;\n font-size: 24px;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n }\n \n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: -8px;\n right: 0;\n height: 3px;\n width: 0;\n background: linear-gradient(to left, #3498db, #2ecc71);\n transition: width 0.5s ease;\n animation: grow 1s forwards;\n }\n \n @keyframes grow {\n to { width: 100%; }\n }\n \n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 40px;\n }\n \n .feature-card {\n background: white;\n border-radius: 10px;\n padding: 20px;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n position: relative;\n overflow: hidden;\n border-bottom: 3px solid transparent;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeUp 0.6s forwards;\n }\n \n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .feature-card:nth-child(1) { animation-delay: 0.1s; }\n .feature-card:nth-child(2) { animation-delay: 0.2s; }\n .feature-card:nth-child(3) { animation-delay: 0.3s; }\n .feature-card:nth-child(4) { animation-delay: 0.4s; }\n .feature-card:nth-child(5) { animation-delay: 0.5s; }\n \n .feature-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(to right, #3498db, #2ecc71);\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.5s ease;\n }\n \n .feature-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-bottom-color: #3498db;\n }\n \n .feature-card:hover::before {\n transform: scaleX(1);\n transform-origin: left;\n }\n \n .feature-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #3498db, #2ecc71);\n border-radius: 50%;\n margin-bottom: 15px;\n color: white;\n font-size: 20px;\n animation: float 3s ease-in-out infinite;\n }\n \n .feature-title {\n font-size: 18px;\n font-weight: 700;\n color: #34495e;\n margin-bottom: 10px;\n }\n \n .feature-desc {\n color: #7f8c8d;\n line-height: 1.6;\n }\n \n .specs-table-container {\n margin-top: 30px;\n overflow: hidden;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n }\n \n .specs-table {\n width: 100%;\n border-collapse: collapse;\n overflow: hidden;\n background: white;\n }\n \n .specs-table th {\n background: linear-gradient(to left, #3498db, #2980b9);\n color: white;\n padding: 15px;\n text-align: right;\n font-weight: 500;\n }\n \n .specs-table tr {\n opacity: 0;\n animation: flipIn 0.5s forwards;\n }\n \n .specs-table tr:nth-child(1) { animation-delay: 0.1s; }\n .specs-table tr:nth-child(2) { animation-delay: 0.2s; }\n .specs-table tr:nth-child(3) { animation-delay: 0.3s; }\n .specs-table tr:nth-child(4) { animation-delay: 0.4s; }\n .specs-table tr:nth-child(5) { animation-delay: 0.5s; }\n \n .specs-table td {\n padding: 15px;\n border-bottom: 1px solid #ecf0f1;\n transition: all 0.3s ease;\n }\n \n .specs-table tr:last-child td {\n border-bottom: none;\n }\n \n .specs-table tr:hover td {\n background-color: #f8fdff;\n transform: translateX(-5px);\n }\n \n .specs-table tr:nth-child(even) {\n background-color: #f9fcff;\n }\n \n .label {\n font-weight: 500;\n color: #2c3e50;\n }\n \n .value {\n color: #3498db;\n }\n \n @media (max-width: 768px) {\n .features-grid {\n grid-template-columns: 1fr;\n }\n \n .product-title {\n font-size: 24px;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eاستمتع بأقصى درجات الراحة مع مرتبتنا متعددة الاستخدامات\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eتصميم عصري وراحة فائقة تناسب جميع احتياجاتك\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"section-title\"\u003eالمميزات الفريدة\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eتصميم مبتكر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eيمكن طي الوسادة العلوية لتكوين مسند رأس مريح مثالي للقراءة أو النوم\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧵\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eخامات عالية الجودة\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eقماش خارجي من مايكروفايبر ناعم وحشو فايبر يمنحانك راحة بدون تكتل\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🎨\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eلون أنيق\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eستريبد جراي يضيف لمسة مميزة لديكور منزلك\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚖️\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eوزن متوازن\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eالوزن الكلي 4500 جرام لتحقيق توازن بين الراحة والمتانة\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧳\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eمثالية للسفر\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eتصميم قابل للربط لسهولة الحمل والتنقل أثناء السفر والتجمعات العائلية\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eالمواصفات التفصيلية\u003c\/h2\u003e\n\u003cdiv class=\"specs-table-container\"\u003e\n\u003ctable class=\"specs-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eالمواصفات\u003c\/th\u003e\n\u003cth\u003eالتفاصيل\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالوزن الإجمالي\u003c\/td\u003e\n\u003ctd class=\"value\"\u003e4500 جرام\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالمادة الخارجية\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eمايكروفايبر ناعم\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالحشو\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eألياف فايبر مريحة\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eاللون\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eستريبد جراي \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eالاستخدامات\u003c\/td\u003e\n\u003ctd class=\"value\"\u003eالنوم، القراءة، السفر، التجمعات العائلية\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fluff \u0026 bluff ","offers":[{"title":"Default Title","offer_id":46770323456199,"sku":"17838463656a5355ddb400d","price":1299.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/9122\/9895\/files\/stitch-pillow-1080x1080.jpg?v=1783846296"}],"url":"https:\/\/fluffpuff.store\/collections\/%d9%83%d9%84-%d8%a7%d9%84%d9%85%d9%86%d8%aa%d8%ac%d8%a7%d8%aa.oembed?page=7","provider":"Fluff \u0026 bluff ","version":"1.0","type":"link"}