{"title":"Summer collection","description":"","products":[{"product_id":"summer-wide-leg-pants-light-grey","title":"Summer Wide Leg Pants Light grey","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\u003e \u003clink crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\"\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700\u0026amp;family=Poppins:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eSummer Wide Leg Pants Light grey\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 100% natural high-quality cotton\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern and comfortable wide leg style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLength:\u003c\/strong\u003e 115 cm suitable for most heights\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 40-70 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 70-95 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eProduct Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eBreathable cotton fabric that allows skin to breathe\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eRelaxed wide cut that flatters all body types\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eEasy care and machine washable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eVersatile styling for different outfits\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","brand":"heybptiq","offers":[{"title":"Size 1","offer_id":50514374164768,"sku":null,"price":600.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50514374197536,"sku":null,"price":600.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-24_at_11.08.44_PM_2.webp?v=1753625662"},{"product_id":"summer-wide-leg-pants-dark-mint-copy","title":"Summer Wide Leg Pants Olive","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700\u0026amp;family=Poppins:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eSummer Wide Leg Pants Olive\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 100% natural high-quality cotton\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern and comfortable wide leg style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLength:\u003c\/strong\u003e 115 cm suitable for most heights\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 40-70 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 70-95 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eProduct Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eBreathable cotton fabric that allows skin to breathe\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eRelaxed wide cut that flatters all body types\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eEasy care and machine washable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eVersatile styling for different outfits\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","brand":"heybptiq","offers":[{"title":"Size 1","offer_id":50514379997472,"sku":null,"price":600.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50514380030240,"sku":null,"price":600.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-24_at_11.08.45_PM_1.webp?v=1753625977"},{"product_id":"summer-wide-leg-pants-olive-copy","title":"Summer Wide Leg Pants Maroon","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700\u0026amp;family=Poppins:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eSummer Wide Leg Pants Maroon\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 100% natural high-quality cotton\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern and comfortable wide leg style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLength:\u003c\/strong\u003e 115 cm suitable for most heights\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 40-70 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 70-95 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eProduct Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eBreathable cotton fabric that allows skin to breathe\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eRelaxed wide cut that flatters all body types\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eEasy care and machine washable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eVersatile styling for different outfits\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","brand":"heybptiq","offers":[{"title":"Size 1","offer_id":50514386911520,"sku":null,"price":600.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50514386944288,"sku":null,"price":600.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-24_at_11.08.45_PM_2.webp?v=1753626099"},{"product_id":"summer-wide-leg-pants-maroon-copy","title":"Summer Wide Leg Pants Lavender","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700\u0026amp;family=Poppins:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eSummer Wide Leg Pants Lavender\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 100% natural high-quality cotton\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern and comfortable wide leg style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLength:\u003c\/strong\u003e 115 cm suitable for most heights\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 40-70 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 70-95 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eProduct Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eBreathable cotton fabric that allows skin to breathe\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eRelaxed wide cut that flatters all body types\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eEasy care and machine washable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eVersatile styling for different outfits\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","brand":"heybptiq","offers":[{"title":"Size 1","offer_id":50514428723488,"sku":null,"price":600.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50514428756256,"sku":null,"price":600.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-24_at_11.08.45_PM_3.webp?v=1753627235"},{"product_id":"summer-wide-leg-pants-lavender-copy","title":"Summer Wide Leg Pants Black","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700\u0026amp;family=Poppins:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eSummer Wide Leg Pants Black\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 100% natural high-quality cotton\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern and comfortable wide leg style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLength:\u003c\/strong\u003e 115 cm suitable for most heights\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 40-70 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 70-95 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eProduct Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eBreathable cotton fabric that allows skin to breathe\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eRelaxed wide cut that flatters all body types\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eEasy care and machine washable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eVersatile styling for different outfits\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","brand":"heybptiq","offers":[{"title":"Size 1","offer_id":50514432098592,"sku":null,"price":600.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50514432131360,"sku":null,"price":600.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/6F6D239A-0E9F-4DBF-A3E3-C127C45F3F3D.jpg?v=1760373606"},{"product_id":"summer-wide-leg-pants-black-copy","title":"Summer Wide Leg Pants Pink","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700\u0026amp;family=Poppins:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eSummer Wide Leg Pants Pink\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 100% natural high-quality cotton\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern and comfortable wide leg style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLength:\u003c\/strong\u003e 115 cm suitable for most heights\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 40-70 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 70-95 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eProduct Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eBreathable cotton fabric that allows skin to breathe\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eRelaxed wide cut that flatters all body types\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eEasy care and machine washable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eVersatile styling for different outfits\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","brand":"heybptiq","offers":[{"title":"Size 1","offer_id":50514435309856,"sku":null,"price":600.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50514435342624,"sku":null,"price":600.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-24_at_11.08.46_PM_1.webp?v=1753627436"},{"product_id":"summer-wide-leg-pants-pink-copy","title":"Summer Wide Leg Pants Petroleum","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700\u0026amp;family=Poppins:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eSummer Wide Leg Pants Petroleum\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 100% natural high-quality cotton\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern and comfortable wide leg style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLength:\u003c\/strong\u003e 115 cm suitable for most heights\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 40-70 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 70-95 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eProduct Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eBreathable cotton fabric that allows skin to breathe\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eRelaxed wide cut that flatters all body types\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eEasy care and machine washable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eVersatile styling for different outfits\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","brand":"heybptiq","offers":[{"title":"Size 1","offer_id":50514443829536,"sku":null,"price":600.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50514443862304,"sku":null,"price":600.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-24_at_11.08.46_PM_2.webp?v=1753627544"},{"product_id":"summer-wide-leg-pants-babyblue-copy","title":"Summer Wide Leg Pants Fuchsia","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\u003e \u003clink crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\"\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700\u0026amp;family=Poppins:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eSummer Wide Leg Pants Fuchsia\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 100% natural high-quality cotton\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern and comfortable wide leg style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLength:\u003c\/strong\u003e 115 cm suitable for most heights\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 40-70 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 70-95 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eProduct Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eBreathable cotton fabric that allows skin to breathe\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eRelaxed wide cut that flatters all body types\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eEasy care and machine washable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eVersatile styling for different outfits\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","brand":"heybptiq","offers":[{"title":"Size 1","offer_id":50514461294880,"sku":null,"price":600.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50514461327648,"sku":null,"price":600.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-24_at_11.08.47_PM_1.webp?v=1753627812"},{"product_id":"summer-wide-leg-pants-orange-copy","title":"Summer Wide Leg Pants Dark grey","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700\u0026amp;family=Poppins:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eSummer Wide Leg Pants Dark grey\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 100% natural high-quality cotton\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern and comfortable wide leg style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLength:\u003c\/strong\u003e 115 cm suitable for most heights\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 40-70 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 70-95 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eProduct Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eBreathable cotton fabric that allows skin to breathe\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eRelaxed wide cut that flatters all body types\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eEasy care and machine washable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eVersatile styling for different outfits\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","brand":"heybptiq","offers":[{"title":"Size 1","offer_id":50514494619936,"sku":null,"price":600.0,"currency_code":"EGP","in_stock":true},{"title":"Size 2","offer_id":50514494652704,"sku":null,"price":600.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-24_at_11.09.23_PM_1.webp?v=1753629935"},{"product_id":"crochet-dress-mint-green","title":"Crochet Dress Mint green","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700\u0026amp;family=Poppins:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eCrochet Dress Mint green\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Crochet\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Premium crochet fabric with a refined and stylish design\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLength:\u003c\/strong\u003e 140 cm (Model height: 170 cm)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 40-70 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 71-110 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eDress Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ecrochet fabric with intricate patterns\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant dress design that flatters all body types\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eDelicate care required for maintaining quality\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect for casual outings and elegant outfits\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","brand":"heybptiq","offers":[{"title":"size 1 \/ Crochet","offer_id":50520834146592,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"size 2 \/ Crochet","offer_id":50520834179360,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_11zon.webp?v=1753698223"},{"product_id":"crochet-dress-burgundy","title":"Crochet Dress Burgundy","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700\u0026amp;family=Poppins:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eCrochet Dress Burgundy\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Crochet\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Premium crochet fabric with a refined and stylish design\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLength:\u003c\/strong\u003e 140 cm (Model height: 170 cm)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 40-70 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 71-110 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eDress Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ecrochet fabric with intricate patterns\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant dress design that flatters all body types\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eDelicate care required for maintaining quality\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect for casual outings and elegant outfits\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","brand":"heybptiq","offers":[{"title":"size 1 \/ Crochet","offer_id":50520853184800,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"size 2 \/ Crochet","offer_id":50520853217568,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-24_at_11.13.11_PM_3_11zon.webp?v=1753699810"},{"product_id":"crochet-dress-pink","title":"Crochet Dress Pink","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700\u0026amp;family=Poppins:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eCrochet Dress Pink\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Crochet\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Premium crochet fabric with a refined and stylish design\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLength:\u003c\/strong\u003e 140 cm (Model height: 170 cm)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 40-70 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 71-110 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eDress Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ecrochet fabric with intricate patterns\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant dress design that flatters all body types\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eDelicate care required for maintaining quality\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect for casual outings and elegant outfits\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","brand":"heybptiq","offers":[{"title":"size 1 \/ Crochet","offer_id":50520859246880,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"size 2 \/ Crochet","offer_id":50520859279648,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-24_at_11.13.11_PM_1__2_11zon.webp?v=1753699898"},{"product_id":"crochet-dress-navy","title":"Crochet Dress Navy","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700\u0026amp;family=Poppins:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eCrochet Dress Navy\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Crochet\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Premium crochet fabric with a refined and stylish design\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLength:\u003c\/strong\u003e 140 cm (Model height: 170 cm)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 40-70 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 71-110 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eDress Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ecrochet fabric with intricate patterns\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant dress design that flatters all body types\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eDelicate care required for maintaining quality\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect for casual outings and elegant outfits\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","brand":"heybptiq","offers":[{"title":"size 1 \/ Crochet","offer_id":50520868520224,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"size 2 \/ Crochet","offer_id":50520868552992,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-24_at_11.13.12_PM_7_11zon.webp?v=1753699968"},{"product_id":"crochet-dress-cafe","title":"Crochet Dress Cafe","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\u003e \u003clink crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\"\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700\u0026amp;family=Poppins:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eCrochet Dress Café\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Crochet\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Premium crochet fabric with a refined and stylish design\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLength:\u003c\/strong\u003e 140 cm (Model height: 170 cm)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 40-70 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 71-110 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eDress Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ecrochet fabric with intricate patterns\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant dress design that flatters all body types\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eDelicate care required for maintaining quality\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect for casual outings and elegant outfits\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","brand":"heybptiq","offers":[{"title":"size 1 \/ Crochet","offer_id":50520874909984,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"size 2 \/ Crochet","offer_id":50520874942752,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-24_at_11.14.58_PM_2.webp?v=1759009639"},{"product_id":"crochet-dress-beige","title":"Crochet Dress Beige","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\u003e \u003clink crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\"\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700\u0026amp;family=Poppins:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eCrochet Dress Beige\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Crochet\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Premium crochet fabric with a refined and stylish design\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLength:\u003c\/strong\u003e 140 cm (Model height: 170 cm)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 40-70 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 71-110 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eDress Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ecrochet fabric with intricate patterns\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant dress design that flatters all body types\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eDelicate care required for maintaining quality\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect for casual outings and elegant outfits\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","brand":"heybptiq","offers":[{"title":"size 1 \/ Crochet","offer_id":50520882512160,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"size 2 \/ Crochet","offer_id":50520882544928,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_1__11zon.webp?v=1753800689"},{"product_id":"crochet-dress-black","title":"Crochet Dress Black","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\u003e \u003clink crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\"\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700\u0026amp;family=Poppins:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eCrochet Dress Black\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Crochet\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Premium crochet fabric with a refined and stylish design\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLength:\u003c\/strong\u003e 140 cm (Model height: 170 cm)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 40-70 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 71-110 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eDress Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ecrochet fabric with intricate patterns\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant dress design that flatters all body types\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eDelicate care required for maintaining quality\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect for casual outings and elegant outfits\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","brand":"heybptiq","offers":[{"title":"size 1 \/ Crochet","offer_id":50520887918880,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"size 2 \/ Crochet","offer_id":50520887951648,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-24_at_11.13.12_PM_3__6_11zon.webp?v=1753700605"},{"product_id":"crochet-dress-camel","title":"Crochet Dress Camel","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\u003e \u003clink crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\"\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700\u0026amp;family=Poppins:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eCrochet Dress Camel\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Crochet\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Premium crochet fabric with a refined and stylish design\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLength:\u003c\/strong\u003e 140 cm (Model height: 170 cm)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 40-70 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 71-110 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eDress Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ecrochet fabric with intricate patterns\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant dress design that flatters all body types\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eDelicate care required for maintaining quality\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect for casual outings and elegant outfits\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","brand":"heybptiq","offers":[{"title":"size 1 \/ Crochet","offer_id":50520893391136,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"size 2 \/ Crochet","offer_id":50520893423904,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-24_at_11.13.13_PM_1__8_11zon.webp?v=1753700685"},{"product_id":"crochet-dress-offwhite","title":"Crochet Dress Off-white","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\u003e \u003clink crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\"\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700\u0026amp;family=Poppins:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eCrochet Dress Off-white\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Crochet\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Premium crochet fabric with a refined and stylish design\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLength:\u003c\/strong\u003e 140 cm (Model height: 170 cm)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 40-70 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 71-110 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eDress Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ecrochet fabric with intricate patterns\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant dress design that flatters all body types\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eDelicate care required for maintaining quality\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect for casual outings and elegant outfits\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","brand":"heybptiq","offers":[{"title":"size 1","offer_id":50648385257760,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"size 2","offer_id":50648385290528,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_11zon_357a55fc-96be-4055-96c6-d0f7c412fc58.webp?v=1753738258"},{"product_id":"crochet-dress-genzary","title":"Crochet Dress Genzary","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\u003e \u003clink crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\"\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700\u0026amp;family=Poppins:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eCrochet Dress Genzary\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Crochet\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Premium crochet fabric with a refined and stylish design\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLength:\u003c\/strong\u003e 140 cm (Model height: 170 cm)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 40-70 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 71-110 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eDress Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ecrochet fabric with intricate patterns\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant dress design that flatters all body types\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eDelicate care required for maintaining quality\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect for casual outings and elegant outfits\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","brand":"heybptiq","offers":[{"title":"size 1 \/ Crochet","offer_id":50520913641760,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"size 2 \/ Crochet","offer_id":50520913674528,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-24_at_11.13.15_PM_1__9_11zon.webp?v=1753700798"},{"product_id":"crochet-dress-brown","title":"Crochet Dress Brown","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700\u0026amp;family=Poppins:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eCrochet Dress Brown\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Crochet\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Premium crochet fabric with a refined and stylish design\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLength:\u003c\/strong\u003e 140 cm (Model height: 170 cm)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 40-70 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 71-110 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eDress Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ecrochet fabric with intricate patterns\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant dress design that flatters all body types\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eDelicate care required for maintaining quality\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect for casual outings and elegant outfits\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","brand":"heybptiq","offers":[{"title":"size1 \/ Crochet","offer_id":50520918327584,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"size 2 \/ Crochet","offer_id":50520918360352,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-24_at_11.13.19_PM_12_11zon.webp?v=1753700850"},{"product_id":"crochet-dress-yellow","title":"Crochet Dress Yellow","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\u003e \u003clink crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\"\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700\u0026amp;family=Poppins:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eCrochet Dress Yellow\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Crochet\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Premium crochet fabric with a refined and stylish design\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLength:\u003c\/strong\u003e 140 cm (Model height: 170 cm)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 40-70 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 71-110 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eDress Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ecrochet fabric with intricate patterns\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant dress design that flatters all body types\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eDelicate care required for maintaining quality\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect for casual outings and elegant outfits\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","brand":"heybptiq","offers":[{"title":"size 1 \/ Crochet","offer_id":50520921604384,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"size 2 \/ Crochet","offer_id":50520921637152,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-24_at_11.13.19_PM_1__11_11zon.webp?v=1753700900"},{"product_id":"crochet-dress-dark-green","title":"Crochet Dress Dark green","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\u003e \u003clink crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\"\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700\u0026amp;family=Poppins:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eCrochet Dress Dark green\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Crochet\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Premium crochet fabric with a refined and stylish design\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLength:\u003c\/strong\u003e 140 cm (Model height: 170 cm)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 40-70 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 71-110 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eDress Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ecrochet fabric with intricate patterns\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant dress design that flatters all body types\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eDelicate care required for maintaining quality\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect for casual outings and elegant outfits\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","brand":"heybptiq","offers":[{"title":"size 1 \/ Crochet","offer_id":50520924487968,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"size 2 \/ Crochet","offer_id":50520924520736,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-24_at_11.13.20_PM_14_11zon.webp?v=1753700983"},{"product_id":"crochet-dress-skyblue","title":"Crochet Dress Sky blue","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\u003e \u003clink crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\"\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700\u0026amp;family=Poppins:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eCrochet Dress Sky-blue\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Crochet\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Premium crochet fabric with a refined and stylish design\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLength:\u003c\/strong\u003e 140 cm (Model height: 170 cm)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 40-70 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 71-110 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eDress Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ecrochet fabric with intricate patterns\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant dress design that flatters all body types\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eDelicate care required for maintaining quality\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect for casual outings and elegant outfits\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","brand":"heybptiq","offers":[{"title":"size 1 \/ Crochet","offer_id":50520934940960,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"size 2 \/ Crochet","offer_id":50520934973728,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/1.webp?v=1753787107"},{"product_id":"crochet-dress-orange","title":"Crochet Dress Orange","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\u003e \u003clink crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\"\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700\u0026amp;family=Poppins:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eCrochet Dress Orange\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Crochet\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Premium crochet fabric with a refined and stylish design\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLength:\u003c\/strong\u003e 140 cm (Model height: 170 cm)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 40-70 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 71-110 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eDress Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ecrochet fabric with intricate patterns\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant dress design that flatters all body types\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eDelicate care required for maintaining quality\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect for casual outings and elegant outfits\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","brand":"heybptiq","offers":[{"title":"size 1 \/ Crochet","offer_id":50520938250528,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"size 2 \/ Crochet","offer_id":50520938283296,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_11zon_dfa557d0-c622-44bb-ac47-24748fffe2da.webp?v=1753701176"},{"product_id":"crochet-dress-babyblue","title":"Crochet Dress Baby blue","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\u003e \u003clink crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\"\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700\u0026amp;family=Poppins:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eCrochet Dress Baby blue\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Crochet\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Premium crochet fabric with a refined and stylish design\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLength:\u003c\/strong\u003e 140 cm (Model height: 170 cm)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 40-70 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 71-110 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eDress Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ecrochet fabric with intricate patterns\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant dress design that flatters all body types\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eDelicate care required for maintaining quality\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect for casual outings and elegant outfits\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","brand":"heybptiq","offers":[{"title":"size 1 \/ Crochet","offer_id":50520942051616,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"size 2 \/ Crochet","offer_id":50520942084384,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-24_at_11.14.58_PM.webp?v=1753701384"},{"product_id":"crochet-dressfuchsia","title":"Crochet Dress Fuchsia","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700\u0026amp;family=Poppins:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eCrochet Dress Fuchsia\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Crochet\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Premium crochet fabric with a refined and stylish design\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLength:\u003c\/strong\u003e 140 cm (Model height: 170 cm)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 40-70 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eSuitable for weight 71-110 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eDress Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ecrochet fabric with intricate patterns\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant dress design that flatters all body types\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eDelicate care required for maintaining quality\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect for casual outings and elegant outfits\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","brand":"heybptiq","offers":[{"title":"size 1 \/ Crochet","offer_id":50520944804128,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"size 2 \/ Crochet","offer_id":50520944836896,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-24_at_11.14.58_PM_1.webp?v=1753701469"},{"product_id":"t-shirt-tobey-copy","title":"Café Belt Blouse","description":"\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eCafé Belt \u003cspan style=\"font-size: 2.4rem; -webkit-text-fill-color: transparent;\"\u003eBlouse \u003c\/span\u003e\n\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% Cotton, 5% Lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Stylish blouse with belt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong data-start=\"40\" data-end=\"50\"\u003eStyle:\u003c\/strong\u003e Soft, stretchable fabric with a chic silhouette – ideal for casual outings or dressed-up looks.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 45-65 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 66-75 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-85 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eBlouse Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eComfortable and breathable cotton blend\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eStylish belt accent for a perfect fit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium quality fabric that lasts\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eLycra blend for flexibility and comfort\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","brand":"heybptiq","offers":[{"title":"Small","offer_id":50520359469344,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":true},{"title":"Medium","offer_id":50520359502112,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":true},{"title":"Large","offer_id":50520415797536,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.34.34_PM_3_11zon.webp?v=1753728986"},{"product_id":"blue-belt-blouse","title":"Blue Belt Blouse","description":"\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eBlue Belt \u003cspan style=\"font-size: 2.4rem; -webkit-text-fill-color: transparent;\"\u003eBlouse \u003c\/span\u003e\n\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% Cotton, 5% Lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Stylish blouse with belt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong data-end=\"50\" data-start=\"40\"\u003eStyle:\u003c\/strong\u003e Soft, stretchable fabric with a chic silhouette – ideal for casual outings or dressed-up looks.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 45-65 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 66-75 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-85 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eBlouse Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eComfortable and breathable cotton blend\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eStylish belt accent for a perfect fit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium quality fabric that lasts\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eLycra blend for flexibility and comfort\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","brand":"heybptiq","offers":[{"title":"Small","offer_id":50520455381280,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":false},{"title":"Medium","offer_id":50520455414048,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":false},{"title":"Large","offer_id":50520455446816,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/79ef2a23-dce0-4b92-aad2-2a88dae09f93_7_11zon.webp?v=1753729164"},{"product_id":"pink-belt-blouse","title":"Pink Belt Blouse","description":"\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003ePink Belt \u003cspan style=\"font-size: 2.4rem; -webkit-text-fill-color: transparent;\"\u003eBlouse \u003c\/span\u003e\n\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% Cotton, 5% Lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Stylish blouse with belt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong data-start=\"40\" data-end=\"50\"\u003eStyle:\u003c\/strong\u003e Soft, stretchable fabric with a chic silhouette – ideal for casual outings or dressed-up looks.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 45-65 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 66-75 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-85 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eBlouse Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eComfortable and breathable cotton blend\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eStylish belt accent for a perfect fit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium quality fabric that lasts\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eLycra blend for flexibility and comfort\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","brand":"heybptiq","offers":[{"title":"Small","offer_id":50520462557472,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":true},{"title":"Medium","offer_id":50520462590240,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":true},{"title":"Large","offer_id":50520462623008,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/980660aa-973f-4f70-8917-75c18e53ba59_2_11zon.webp?v=1753729162"},{"product_id":"apple-green-belt-blouse-copy","title":"Apple green Belt Blouse","description":"\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eApple green Belt \u003cspan style=\"font-size: 2.4rem; -webkit-text-fill-color: transparent;\"\u003eBlouse \u003c\/span\u003e\n\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% Cotton, 5% Lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Stylish blouse with belt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong data-end=\"50\" data-start=\"40\"\u003eStyle:\u003c\/strong\u003e Soft, stretchable fabric with a chic silhouette – ideal for casual outings or dressed-up looks.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 45-65 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 66-75 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-85 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eBlouse Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eComfortable and breathable cotton blend\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eStylish belt accent for a perfect fit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium quality fabric that lasts\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eLycra blend for flexibility and comfort\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","brand":"heybptiq","offers":[{"title":"Small","offer_id":50520465834272,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":false},{"title":"Medium","offer_id":50520465867040,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":true},{"title":"Large","offer_id":50520465899808,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/a49d7217-bc2f-4210-92b2-d2fbbf16db07_2_11zon.webp?v=1753729164"},{"product_id":"belt-blouse","title":"Black Belt Blouse","description":"\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eBlack Belt \u003cspan style=\"font-size: 2.4rem; -webkit-text-fill-color: transparent;\"\u003eBlouse \u003c\/span\u003e\n\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% Cotton, 5% Lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Stylish blouse with belt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong data-start=\"40\" data-end=\"50\"\u003eStyle:\u003c\/strong\u003e Soft, stretchable fabric with a chic silhouette – ideal for casual outings or dressed-up looks.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 45-65 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 66-75 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-85 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eBlouse Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eComfortable and breathable cotton blend\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eStylish belt accent for a perfect fit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium quality fabric that lasts\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eLycra blend for flexibility and comfort\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","brand":"heybptiq","offers":[{"title":"Small","offer_id":50520473829664,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":true},{"title":"Medium","offer_id":50520473862432,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":true},{"title":"Large","offer_id":50520473895200,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG-7470.png?v=1778784139"},{"product_id":"kiwi-belt-blouse","title":"Kiwi Belt Blouse","description":"\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eKiwi Belt \u003cspan style=\"font-size: 2.4rem; -webkit-text-fill-color: transparent;\"\u003eBlouse \u003c\/span\u003e\n\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% Cotton, 5% Lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Stylish blouse with belt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong data-end=\"50\" data-start=\"40\"\u003eStyle:\u003c\/strong\u003e Soft, stretchable fabric with a chic silhouette – ideal for casual outings or dressed-up looks.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 45-65 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 66-75 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-85 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eBlouse Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eComfortable and breathable cotton blend\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eStylish belt accent for a perfect fit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium quality fabric that lasts\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eLycra blend for flexibility and comfort\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","brand":"heybptiq","offers":[{"title":"Small","offer_id":50520475762976,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":true},{"title":"Medium","offer_id":50520475795744,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":false},{"title":"Large","offer_id":50520475828512,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/faf5c038-c7a5-434a-b20f-f3c6ca2c8a4c_2_11zon.webp?v=1753729164"},{"product_id":"off-white-belt-blouse","title":"Off-white Belt Blouse","description":"\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eOff-white Belt \u003cspan style=\"font-size: 2.4rem; -webkit-text-fill-color: transparent;\"\u003eBlouse \u003c\/span\u003e\n\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% Cotton, 5% Lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Stylish blouse with belt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong data-start=\"40\" data-end=\"50\"\u003eStyle:\u003c\/strong\u003e Soft, stretchable fabric with a chic silhouette – ideal for casual outings or dressed-up looks.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 45-65 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 66-75 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-85 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eBlouse Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eComfortable and breathable cotton blend\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eStylish belt accent for a perfect fit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium quality fabric that lasts\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eLycra blend for flexibility and comfort\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","brand":"heybptiq","offers":[{"title":"Small","offer_id":50520477761824,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":true},{"title":"Medium","offer_id":50520477794592,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":true},{"title":"Large","offer_id":50520477827360,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/e222c1fb-cb2f-46d5-9960-9c03654be3fb_8_11zon.webp?v=1753729164"},{"product_id":"grey-belt-blouse","title":"Grey Belt Blouse","description":"\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eGrey Belt \u003cspan style=\"font-size: 2.4rem; -webkit-text-fill-color: transparent;\"\u003eBlouse \u003c\/span\u003e\n\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% Cotton, 5% Lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Stylish blouse with belt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong data-end=\"50\" data-start=\"40\"\u003eStyle:\u003c\/strong\u003e Soft, stretchable fabric with a chic silhouette – ideal for casual outings or dressed-up looks.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 45-65 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 66-75 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-85 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eBlouse Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eComfortable and breathable cotton blend\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eStylish belt accent for a perfect fit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium quality fabric that lasts\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eLycra blend for flexibility and comfort\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","brand":"heybptiq","offers":[{"title":"Small","offer_id":50520479760672,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":true},{"title":"Medium","offer_id":50520479793440,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":true},{"title":"Large","offer_id":50520479826208,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/7c907b38-d2d6-47da-b695-0be7bd3125e6_5_11zon.webp?v=1753729163"},{"product_id":"dark-green-belt-blouse","title":"Beige Belt Blouse","description":"\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eBeige Belt \u003cspan style=\"font-size: 2.4rem; -webkit-text-fill-color: transparent;\"\u003eBlouse \u003c\/span\u003e\n\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% Cotton, 5% Lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Stylish blouse with belt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong data-start=\"40\" data-end=\"50\"\u003eStyle:\u003c\/strong\u003e Soft, stretchable fabric with a chic silhouette – ideal for casual outings or dressed-up looks.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 45-65 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 66-75 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-85 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eBlouse Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eComfortable and breathable cotton blend\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eStylish belt accent for a perfect fit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium quality fabric that lasts\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eLycra blend for flexibility and comfort\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","brand":"heybptiq","offers":[{"title":"Small","offer_id":50520486543648,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":true},{"title":"Medium","offer_id":50520486576416,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":true},{"title":"Large","offer_id":50520486609184,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/2906874f-0c4b-40e4-b914-d7d00f3b637e_3_11zon.webp?v=1753729162"},{"product_id":"yellow-belt-blouse","title":"Yellow Belt Blouse","description":"\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eYellow Belt Blouse\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% Cotton, 5% Lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Stylish blouse with belt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong data-start=\"40\" data-end=\"50\"\u003eStyle:\u003c\/strong\u003e Soft, stretchable fabric with a chic silhouette – ideal for casual outings or dressed-up looks.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 45-65 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 66-75 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-85 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eBlouse Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eComfortable and breathable cotton blend\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eStylish belt accent for a perfect fit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium quality fabric that lasts\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eLycra blend for flexibility and comfort\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","brand":"heybptiq","offers":[{"title":"Small","offer_id":50520602509600,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":false},{"title":"Medium","offer_id":50520602542368,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":true},{"title":"Large","offer_id":50520602575136,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/7668695f-c20b-4333-9987-9b5a63b3a808_5_11zon.webp?v=1753729162"},{"product_id":"lavender-belt-blouse","title":"Lavender Belt Blouse","description":"\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eLavender Belt \u003cspan style=\"font-size: 2.4rem; -webkit-text-fill-color: transparent;\"\u003eBlouse \u003c\/span\u003e\n\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% Cotton, 5% Lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Stylish blouse with belt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong data-start=\"40\" data-end=\"50\"\u003eStyle:\u003c\/strong\u003e Soft, stretchable fabric with a chic silhouette – ideal for casual outings or dressed-up looks.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 45-65 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 66-75 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-85 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eBlouse Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eComfortable and breathable cotton blend\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eStylish belt accent for a perfect fit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium quality fabric that lasts\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eLycra blend for flexibility and comfort\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","brand":"heybptiq","offers":[{"title":"Small","offer_id":50520631443744,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":false},{"title":"Medium","offer_id":50520631476512,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":false},{"title":"Large","offer_id":50520631509280,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/a1d40925-980b-45a8-be1a-ca6dddbf9607_9_11zon.webp?v=1753729164"},{"product_id":"navy-belt-blouse","title":"Navy Belt Blouse","description":"\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eNavy Belt \u003cspan style=\"font-size: 2.4rem; -webkit-text-fill-color: transparent;\"\u003eBlouse \u003c\/span\u003e\n\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% Cotton, 5% Lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Stylish blouse with belt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong data-end=\"50\" data-start=\"40\"\u003eStyle:\u003c\/strong\u003e Soft, stretchable fabric with a chic silhouette – ideal for casual outings or dressed-up looks.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 45-65 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 66-75 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-85 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eBlouse Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eComfortable and breathable cotton blend\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eStylish belt accent for a perfect fit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium quality fabric that lasts\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eLycra blend for flexibility and comfort\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","brand":"heybptiq","offers":[{"title":"Small","offer_id":50520723947808,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":true},{"title":"Medium","offer_id":50520723980576,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":true},{"title":"Large","offer_id":50520724013344,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG-7481.png?v=1778784908"},{"product_id":"green-belt-blouse","title":"Green Belt Blouse","description":"\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eGreen Belt \u003cspan style=\"font-size: 2.4rem; -webkit-text-fill-color: transparent;\"\u003eBlouse \u003c\/span\u003e\n\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% Cotton, 5% Lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Stylish blouse with belt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong data-end=\"50\" data-start=\"40\"\u003eStyle:\u003c\/strong\u003e Soft, stretchable fabric with a chic silhouette – ideal for casual outings or dressed-up looks.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 45-65 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 66-75 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-85 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eBlouse Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eComfortable and breathable cotton blend\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eStylish belt accent for a perfect fit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium quality fabric that lasts\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eLycra blend for flexibility and comfort\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","brand":"heybptiq","offers":[{"title":"Small","offer_id":50520735383840,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":true},{"title":"Medium","offer_id":50520735416608,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":true},{"title":"Large","offer_id":50520735449376,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/399515ca-60be-48e0-a44a-e447c7db3d93_9_11zon.webp?v=1753729163"},{"product_id":"butter-yellow-belt-blouse","title":"Butter yellow Belt Blouse","description":"\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eButter yellow Belt \u003cspan style=\"font-size: 2.4rem; -webkit-text-fill-color: transparent;\"\u003eBlouse \u003c\/span\u003e\n\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% Cotton, 5% Lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Stylish blouse with belt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong data-start=\"40\" data-end=\"50\"\u003eStyle:\u003c\/strong\u003e Soft, stretchable fabric with a chic silhouette – ideal for casual outings or dressed-up looks.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 45-65 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 66-75 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-85 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eBlouse Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eComfortable and breathable cotton blend\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eStylish belt accent for a perfect fit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium quality fabric that lasts\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eLycra blend for flexibility and comfort\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","brand":"heybptiq","offers":[{"title":"Small","offer_id":50520751112480,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":true},{"title":"Medium","offer_id":50520751145248,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":true},{"title":"Large","offer_id":50520751178016,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/c84db2fd-c8da-4664-ae7e-bdbda9623e44_6_11zon.webp?v=1753729164"},{"product_id":"light-brown-belt-blouse","title":"Light brown Belt Blouse","description":"\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eLight brown Belt \u003cspan style=\"font-size: 2.4rem; -webkit-text-fill-color: transparent;\"\u003eBlouse \u003c\/span\u003e\n\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% Cotton, 5% Lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Stylish blouse with belt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong data-start=\"40\" data-end=\"50\"\u003eStyle:\u003c\/strong\u003e Soft, stretchable fabric with a chic silhouette – ideal for casual outings or dressed-up looks.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 45-65 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 66-75 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-85 kg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eBlouse Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eComfortable and breathable cotton blend\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eStylish belt accent for a perfect fit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium quality fabric that lasts\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eLycra blend for flexibility and comfort\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","brand":"heybptiq","offers":[{"title":"Small","offer_id":50520764776736,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":true},{"title":"Medium","offer_id":50520764809504,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":true},{"title":"Large","offer_id":50520764842272,"sku":null,"price":520.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/ef598486-54ab-4e96-ada6-82e229460908_1_11zon.webp?v=1753729164"},{"product_id":"chemise-poplin-orange","title":"Chemise Poplin Orange","description":"\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eChemise Poplin Orange\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\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","brand":"heybptiq","offers":[{"title":"Free size","offer_id":50523869217056,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-07-29at13.43.41_02f51ed5_3_11zon.webp?v=1753788156"},{"product_id":"chemise-poplin-black","title":"Chemise Poplin Black","description":"\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eChemise Poplin Black\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\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","brand":"heybptiq","offers":[{"title":"Free size","offer_id":50523871871264,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-07-29at13.43.41_e15e7860_7_11zon.webp?v=1753788156"},{"product_id":"chemise-poplin-olive","title":"Chemise Poplin Dark Mint","description":"\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eChemise Poplin Olive\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\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","brand":"heybptiq","offers":[{"title":"Free size","offer_id":50523875672352,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-07-29at13.43.42_702ac3c0_10_11zon.webp?v=1753788156"},{"product_id":"chemise-poplin-beige","title":"Chemise Poplin Beige","description":"\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eChemise Poplin Beige\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\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","brand":"heybptiq","offers":[{"title":"Free size","offer_id":50523880227104,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-07-29at13.43.43_bdb2230c_15_11zon.webp?v=1753788156"},{"product_id":"chemise-poplin-yellow","title":"Chemise Poplin Yellow","description":"\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eChemise Poplin Yellow\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\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","brand":"heybptiq","offers":[{"title":"Free size","offer_id":50523888582944,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-07-29at13.43.43_a9bccb4f_14_11zon.webp?v=1753788706"},{"product_id":"chemise-poplin-dark-pink","title":"Chemise Poplin Dark Pink","description":"\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eChemise Poplin Dark Pink\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\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","brand":"heybptiq","offers":[{"title":"Free size","offer_id":50523895365920,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-07-29at13.43.42_311ec9c4_9_11zon.webp?v=1753788156"},{"product_id":"chemise-poplin-brown","title":"Chemise Poplin Brown","description":"\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eChemise Poplin Brown\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\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","brand":"heybptiq","offers":[{"title":"Free size","offer_id":50523899527456,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-07-29at13.43.45_700785ed_23_11zon.webp?v=1753788156"},{"product_id":"chemise-poplin-lavender","title":"Chemise Poplin Lavender","description":"\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eChemise Poplin Lavender\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\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","brand":"heybptiq","offers":[{"title":"Free size","offer_id":50523901886752,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-07-29at13.43.42_e9de6ad4_12_11zon.webp?v=1753788156"},{"product_id":"chemise-poplin-babyblue","title":"Chemise Poplin Baby blue","description":"\u003cstyle\u003e\n .product-container {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .product-container *,\n .product-container *::before,\n .product-container *::after {\n box-sizing: inherit;\n }\n\n .product-wrapper {\n font-family: 'Cairo', 'Poppins', sans-serif;\n background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n background-attachment: fixed;\n min-height: 100vh;\n padding: 30px 20px;\n line-height: 1.7;\n position: relative;\n }\n\n .product-container {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n }\n\n .product-card {\n background: linear-gradient(145deg, \n rgba(255, 254, 251, 0.95) 0%, \n rgba(250, 248, 242, 0.98) 25%,\n rgba(255, 254, 251, 0.95) 50%,\n rgba(248, 246, 240, 0.98) 100%);\n backdrop-filter: blur(20px);\n border-radius: 32px;\n padding: 50px;\n box-shadow: \n 0 25px 60px rgba(200, 169, 106, 0.15),\n 0 8px 32px rgba(200, 169, 106, 0.1),\n 0 0 0 1px rgba(200, 169, 106, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n margin-bottom: 40px;\n border: 2px solid rgba(200, 169, 106, 0.12);\n position: relative;\n overflow: hidden;\n }\n\n .product-card:hover {\n transform: translateY(-12px) scale(1.01);\n box-shadow: \n 0 35px 80px rgba(200, 169, 106, 0.25),\n 0 15px 50px rgba(200, 169, 106, 0.15),\n 0 0 0 1px rgba(200, 169, 106, 0.15),\n inset 0 1px 0 rgba(255, 255, 255, 1);\n }\n\n .header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n\n .product-title {\n font-family: 'Cairo', sans-serif;\n font-size: 3.2rem;\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n letter-spacing: -1px;\n text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n position: relative;\n }\n\n .product-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n border-radius: 2px;\n }\n\n .content-vertical {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.8rem;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n font-weight: 700;\n padding-bottom: 12px;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n border-radius: 2px;\n }\n\n .specs-list {\n list-style: none;\n }\n\n .specs-list li {\n color: #5a5a5a;\n margin-bottom: 16px;\n font-size: 1.15rem;\n padding-left: 30px;\n position: relative;\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .specs-list li:hover {\n color: #4a4a4a;\n transform: translateX(5px);\n }\n\n .specs-list li::before {\n content: '';\n position: absolute;\n left: 0;\n top: 12px;\n width: 8px;\n height: 8px;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n border-radius: 50%;\n box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n }\n\n .specs-list li strong {\n color: #c8a96a;\n font-weight: 600;\n }\n\n .size-card {\n background: linear-gradient(135deg, \n rgba(249, 246, 240, 0.9) 0%, \n rgba(245, 240, 232, 0.95) 100%);\n backdrop-filter: blur(10px);\n padding: 25px;\n border-radius: 20px;\n margin-bottom: 18px;\n border: 1px solid rgba(200, 169, 106, 0.2);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n }\n\n .size-card:hover {\n transform: translateX(8px) translateY(-4px);\n box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.3);\n }\n\n .size-title {\n font-weight: 700;\n background: linear-gradient(135deg, #c8a96a, #d4b676);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 1.3rem;\n margin-bottom: 10px;\n font-family: 'Cairo', sans-serif;\n }\n\n .size-details {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n .features-grid {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.6) 0%, \n rgba(250, 246, 238, 0.8) 100%);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(200, 169, 106, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .feature-item:hover {\n background: linear-gradient(135deg, \n rgba(248, 243, 235, 0.9) 0%, \n rgba(250, 246, 238, 1) 100%);\n transform: translateX(12px) translateY(-2px);\n box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n border-color: rgba(200, 169, 106, 0.2);\n }\n\n .feature-icon {\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-right: 18px;\n box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n position: relative;\n }\n\n .feature-icon::before {\n content: \"●\";\n color: white;\n font-size: 10px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .feature-text {\n color: #5a5a5a;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.6;\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .product-wrapper {\n padding: 20px 15px;\n }\n\n .product-container {\n padding: 0;\n }\n\n .product-card {\n padding: 35px 25px;\n border-radius: 24px;\n }\n\n .product-title {\n font-size: 2.4rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .specs-list li {\n font-size: 1.05rem;\n }\n }\n\n @media (max-width: 480px) {\n .product-card {\n padding: 25px 20px;\n }\n\n .product-title {\n font-size: 2rem;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eChemise Poplin Baby blue\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\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","brand":"heybptiq","offers":[{"title":"Free size","offer_id":50523916828960,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-07-29at13.43.45_b9f6c40d_24_11zon.webp?v=1753788156"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/collections\/brown_set.png?v=1772746686","url":"https:\/\/heyaboutique.com\/ar\/collections\/summer-collection.oembed?page=10","provider":"Heya Boutique","version":"1.0","type":"link"}