{"title":"Summer Wide Leg Pants","description":"","products":[{"product_id":"summer-wide-leg-pants-burgundy-1","title":"Summer Wide Leg Pants Simon","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eSummer Wide Leg Pants Simon\u003c\/title\u003e\n \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n \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\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\n\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 Simon\u003c\/h1\u003e\n \u003c\/div\u003e\n \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\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\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\n \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\n \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\n \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\n \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\n\n\u003c\/body\u003e","brand":"heybptiq","offers":[{"title":"Size 1","offer_id":50511743877408,"sku":null,"price":380.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50511743910176,"sku":null,"price":380.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.36_PM_1_11zon.webp?v=1753632688"},{"product_id":"summer-wide-leg-pants-copy-copy","title":"Summer Wide Leg Pants 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\"\u003eSummer Wide Leg Pants 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 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":50511749677344,"sku":null,"price":550.0,"currency_code":"EGP","in_stock":true},{"title":"Size 2","offer_id":50511749710112,"sku":null,"price":550.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-07-24at11.08.37PM.webp?v=1753554405"},{"product_id":"summer-wide-leg-pants-burgundy-copy","title":"Summer Wide Leg Pants Apple 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\"\u003eSummer Wide Leg Pants apple green\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\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":50511755870496,"sku":null,"price":550.0,"currency_code":"EGP","in_stock":true},{"title":"Size 2","offer_id":50511755903264,"sku":null,"price":550.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-07-24at11.08.42PM.webp?v=1753554405"},{"product_id":"summer-wide-leg-pants-kiwi-copy","title":"Summer Wide Leg Pants Yellow","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 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 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":50511766454560,"sku":null,"price":550.0,"currency_code":"EGP","in_stock":true},{"title":"Size 2","offer_id":50511766487328,"sku":null,"price":550.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-07-24at11.08.42PM_1.webp?v=1753554406"},{"product_id":"summer-wide-leg-pants-yellow-copy","title":"Summer Wide Leg Pants Turquoise","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 Turquoise\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":50511769731360,"sku":null,"price":380.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50511769764128,"sku":null,"price":380.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.42_PM_2.webp?v=1753565188"},{"product_id":"summer-wide-leg-pants-turquoise-copy","title":"Summer Wide Leg Pants Matcha","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 Matcha\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":50511777202464,"sku":null,"price":550.0,"currency_code":"EGP","in_stock":true},{"title":"Size 2","offer_id":50511777235232,"sku":null,"price":550.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/D09C542D-86C0-4EA2-A599-835E0D72CA0D.jpg?v=1760373571"},{"product_id":"summer-wide-leg-pants-brown","title":"Summer Wide Leg Pants 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\"\u003eSummer Wide Leg Pants 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 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":50511793291552,"sku":null,"price":550.0,"currency_code":"EGP","in_stock":true},{"title":"Size 2","offer_id":50511793324320,"sku":null,"price":550.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.43_PM.webp?v=1753565821"},{"product_id":"summer-wide-leg-pants-navy","title":"Summer Wide Leg Pants 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\"\u003eSummer Wide Leg Pants 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 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":50511796601120,"sku":null,"price":550.0,"currency_code":"EGP","in_stock":true},{"title":"Size 2","offer_id":50511796633888,"sku":null,"price":550.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.43_PM_1.webp?v=1753565942"},{"product_id":"summer-wide-leg-pants-beige","title":"Summer Wide Leg Pants Beige","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 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 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":50511800959264,"sku":null,"price":550.0,"currency_code":"EGP","in_stock":true},{"title":"Size 2","offer_id":50511800992032,"sku":null,"price":550.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.43_PM_2.webp?v=1753566047"},{"product_id":"summer-wide-leg-pants-offwhite","title":"Summer Wide Leg Pants Off-white","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 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 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":50511812395296,"sku":null,"price":550.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50511812428064,"sku":null,"price":550.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.43_PM_3.webp?v=1776253111"},{"product_id":"summer-wide-leg-pants-off-white-copy","title":"Summer Wide Leg Pants Cafe","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 Cafe\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":50514368561440,"sku":null,"price":380.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50514368594208,"sku":null,"price":380.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_1.webp?v=1753625564"},{"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":550.0,"currency_code":"EGP","in_stock":true},{"title":"Size 2","offer_id":50514374197536,"sku":null,"price":550.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.44_PM_2.webp?v=1753625662"},{"product_id":"summer-wide-leg-pants-light-grey-copy","title":"Summer Wide Leg Pants Dark mint","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 Dark mint\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":50514377146656,"sku":null,"price":380.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50514377179424,"sku":null,"price":380.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.webp?v=1753625792"},{"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":380.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50514380030240,"sku":null,"price":380.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":550.0,"currency_code":"EGP","in_stock":true},{"title":"Size 2","offer_id":50514386944288,"sku":null,"price":550.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.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":380.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50514428756256,"sku":null,"price":380.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":550.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50514432131360,"sku":null,"price":550.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":380.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50514435342624,"sku":null,"price":380.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_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":380.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50514443862304,"sku":null,"price":380.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-petroleum-copy","title":"Summer Wide Leg Pants 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\"\u003eSummer Wide Leg Pants 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 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":50514450776352,"sku":null,"price":380.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50514450809120,"sku":null,"price":380.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.webp?v=1753627686"},{"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":380.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50514461327648,"sku":null,"price":380.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-fuchsia-copy","title":"Summer Wide Leg Pants Cacao","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 Cacao\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":50514468241696,"sku":null,"price":380.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50514468274464,"sku":null,"price":380.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_2.webp?v=1753627903"},{"product_id":"summer-wide-leg-pants-cacao-copy","title":"Summer Wide Leg Pants Orange","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 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 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":50514485870880,"sku":null,"price":380.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50514485903648,"sku":null,"price":380.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.09.23_PM.webp?v=1753627995"},{"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":550.0,"currency_code":"EGP","in_stock":true},{"title":"Size 2","offer_id":50514494652704,"sku":null,"price":550.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":"summer-wide-leg-pants-butter-yellow","title":"Summer Wide Leg Pants Butter Yellow","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 Butter 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 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":"Heya Boutique","offers":[{"title":"1","offer_id":50741430780192,"sku":null,"price":380.0,"currency_code":"EGP","in_stock":false},{"title":"2","offer_id":50741430812960,"sku":null,"price":380.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_3025.heic?v=1758972142"},{"product_id":"summer-wide-leg-pants-light-brown","title":"Summer Wide Leg Pants Light 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\"\u003eSummer Wide Leg Pants Light 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 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":"Heya Boutique","offers":[{"title":"1","offer_id":50741434024224,"sku":null,"price":380.0,"currency_code":"EGP","in_stock":false},{"title":"2","offer_id":50741434056992,"sku":null,"price":380.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_3018_1.heic?v=1758978051"},{"product_id":"summer-wide-leg-pants-dark-pink","title":"Summer Wide Leg Pants Dark 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 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 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":"Heya Boutique","offers":[{"title":"1","offer_id":50741434220832,"sku":null,"price":380.0,"currency_code":"EGP","in_stock":false},{"title":"2","offer_id":50741434253600,"sku":null,"price":380.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_3029.heic?v=1758972142"},{"product_id":"summer-wide-leg-pants-banfseig","title":"Summer Wide Leg Pants Banfseig","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 Banfseig\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":"Heya Boutique","offers":[{"title":"2","offer_id":50741434351904,"sku":null,"price":380.0,"currency_code":"EGP","in_stock":false},{"title":"1","offer_id":50741434384672,"sku":null,"price":380.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_3039.heic?v=1758972142"},{"product_id":"summer-wide-leg-pants-light-mouve","title":"Summer Wide Leg Pants Light mouve","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 Light mouve\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":"Heya Boutique","offers":[{"title":"1","offer_id":50741434646816,"sku":null,"price":380.0,"currency_code":"EGP","in_stock":false},{"title":"2","offer_id":50741434679584,"sku":null,"price":380.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_3037.heic?v=1758972142"},{"product_id":"summer-wide-leg-pants-kiwi","title":"Summer Wide Leg Pants Kiwi","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 Kiwi\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":"Heya Boutique","offers":[{"title":"1","offer_id":50741435531552,"sku":null,"price":380.0,"currency_code":"EGP","in_stock":false},{"title":"2","offer_id":50741435564320,"sku":null,"price":380.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_2920.heic?v=1758972142"},{"product_id":"summer-pants-dark-grey-shiny","title":"Summer Wide Leg Pants Dark grey( shiny)","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 Pants Dark grey shiny\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":"Heya Boutique","offers":[{"title":"1","offer_id":50741436743968,"sku":null,"price":380.0,"currency_code":"EGP","in_stock":false},{"title":"2","offer_id":50741436776736,"sku":null,"price":380.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/E1E15370-A378-4511-8F6A-CF85ED9CD369.jpg?v=1759247383"}],"url":"https:\/\/heyaboutique.com\/collections\/summer-wide-leg-pants.oembed","provider":"Heya Boutique","version":"1.0","type":"link"}