{"title":"Half sleeves","description":"","products":[{"product_id":"half-sleeve-top-banfseeg","title":"Half-Sleeve Top Banfseeg","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top Banfseeg\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":50532500046112,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":50538583327008,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":false},{"title":"L","offer_id":50538583359776,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/banfsig.png?v=1778161661"},{"product_id":"half-sleeve-top-mustard","title":"Half-Sleeve Top Mustard","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top Mustard\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":50532505354528,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":50532505387296,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":50532505420064,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/mustard.png?v=1778163243"},{"product_id":"half-sleeve-top-green","title":"Half-Sleeve Top Green","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top Green\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":50532509221152,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":50532509253920,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":50532509286688,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_7202.heic?v=1778088912"},{"product_id":"half-sleeve-top-petroleum","title":"Half-Sleeve Top Petroleum","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top 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 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":50532514201888,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":50532514234656,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":50532514267424,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-08-07_at_09.58.38_aaba66a1.webp?v=1754663563"},{"product_id":"half-sleeve-top-light-grey","title":"Half-Sleeve Top Light Grey","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top 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 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":50532515152160,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":false},{"title":"M","offer_id":50532515184928,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":50532515217696,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_7315.heic?v=1778089798"},{"product_id":"half-sleeve-top-kiwi","title":"Half-Sleeve Top Kiwi","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top 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 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":50532515479840,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":50532515512608,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":false},{"title":"L","offer_id":50532515545376,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_7230.heic?v=1778089198"},{"product_id":"half-sleeve-top-navy","title":"Half-Sleeve Top Navy","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top 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 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":50532515840288,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":50532515873056,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":50532515905824,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_7206.heic?v=1778091195"},{"product_id":"half-sleeve-top-olive","title":"Half-Sleeve Top Olive","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top 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 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":50532516036896,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":50532516069664,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":50532516102432,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/e05d5d20-1917-4e01-a9f2-103b2b4935a3.jpg?v=1778165203"},{"product_id":"half-sleeve-top-dark-pink","title":"Half-Sleeve Top Dark Pink","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top 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 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S \/ 95% cotton – 5% lycra","offer_id":50532518101280,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M \/ 95% cotton – 5% lycra","offer_id":50532518134048,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L \/ 95% cotton – 5% lycra","offer_id":50532518166816,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_7354.heic?v=1778090103"},{"product_id":"half-sleeve-top-offwhite","title":"Half-Sleeve Top Off white","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top 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 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":50532518789408,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":false},{"title":"M","offer_id":50532518822176,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":false},{"title":"L","offer_id":50532518854944,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_7273.heic?v=1778089566"},{"product_id":"half-sleeve-top-fuchsia","title":"Half-Sleeve Top Fuchsia","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top 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 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":50532519215392,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":50532519248160,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":50532519280928,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/9706d082-211b-40f9-9c00-e5abbdeb3448.jpg?v=1778098575"},{"product_id":"half-sleeve-top-butter-yellow","title":"Half-Sleeve Top Butter Yellow","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top 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 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":50532519379232,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":50532519412000,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":50532519444768,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_7294.heic?v=1778093636"},{"product_id":"half-sleeve-top-green-apple","title":"Half-Sleeve Top Apple Green","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top Apple Green\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":50532519477536,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":50532519510304,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":50532519543072,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_7248.heic?v=1778089327"},{"product_id":"half-sleeve-top-plant-green","title":"Half-Sleeve Top Plant Green","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top Plant Green\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":50532522262816,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":50532522295584,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":50532522328352,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_7342.heic?v=1778090103"},{"product_id":"half-sleeve-top-skyblue","title":"Half-Sleeve Top Sky blue","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top Sky-blue\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":50532523704608,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":50532523737376,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":false},{"title":"L","offer_id":50532523770144,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/sky-blue.png?v=1778161113"},{"product_id":"half-sleeve-top-dark-green","title":"Half-Sleeve Top Dark Green","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top Dark Green\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":50532524785952,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":50532524818720,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":50532524851488,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/dark-green.png?v=1778160858"},{"product_id":"half-sleeve-top-yellow","title":"Half-Sleeve Top Yellow","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top 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 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":50532524917024,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":50532524949792,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":false},{"title":"L","offer_id":50532524982560,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_7329.heic?v=1778089929"},{"product_id":"half-sleeve-top-lavender","title":"Half-Sleeve Top Lavender","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top 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 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":50532525441312,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":50532525474080,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":50532525506848,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_7223.heic?v=1778089197"},{"product_id":"half-sleeve-top-purple","title":"Half-Sleeve Top Purple","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top Purple\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":50532526129440,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":50532526162208,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":50532526194976,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_7347.heic?v=1778090103"},{"product_id":"half-sleeve-top-red","title":"Half-Sleeve Top Red","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top Red\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":50532526457120,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":50532526489888,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":50532526522656,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_7192.heic?v=1778088909"},{"product_id":"half-sleeve-top-mintgreen","title":"Half-Sleeve Top Mint green","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top Mint green\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":50532526883104,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":50532526915872,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":50532526948640,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/mint_green.png?v=1778163038"},{"product_id":"half-sleeve-top-black","title":"Half-Sleeve Top Black","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top 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 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":50532571939104,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":50532571971872,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":50532572004640,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_7215.heic?v=1778089061"},{"product_id":"half-sleeve-top-cafe","title":"Half-Sleeve Top Cafe","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top Café\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":50532573643040,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":50532573675808,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":50532573708576,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/3c80fd0f-efc4-4abe-ba53-3f6e637d235c.jpg?v=1778090934"},{"product_id":"half-sleeve-top-babyblue","title":"Half-Sleeve Top Baby blue","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top 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 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":50532573774112,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":50532573806880,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":50532573839648,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/baby-blue.png?v=1778161263"},{"product_id":"half-sleeve-top-pink","title":"Half-Sleeve Top Pink","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top 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 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":50532581540128,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":50532581572896,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":50532581605664,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_7220.heic?v=1778089201"},{"product_id":"half-sleeve-top-beige","title":"Half-Sleeve Top Beige","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top 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 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":50532605690144,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":50532605722912,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":50532605755680,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_7298.heic?v=1778089682"},{"product_id":"half-sleeve-top-blue","title":"Half-Sleeve Top Blue","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top 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 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":50532610834720,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":50532610867488,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":50532610900256,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_7289.heic?v=1778089566"},{"product_id":"half-sleeve-top-silver","title":"Half-Sleeve Top Silver","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top Silver\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":50532612899104,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":50532612931872,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":50532612964640,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_7313.heic?v=1778089796"},{"product_id":"half-sleeve-top-light-brown","title":"Half-Sleeve Top Light Brown","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top 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 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":50532614504736,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":false},{"title":"M","offer_id":50532614537504,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":50532614570272,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_7265.heic?v=1778089439"},{"product_id":"half-sleeve-top-dark-red","title":"Half-Sleeve Top Dark Red","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top Dark Red\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":50532615815456,"sku":null,"price":230.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":50532615848224,"sku":null,"price":230.0,"currency_code":"EGP","in_stock":false},{"title":"L","offer_id":50532615880992,"sku":null,"price":230.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/8_f46f128a-cf0e-4640-a9f6-ea78b75aad1c.webp?v=1754663821"},{"product_id":"half-sleeve-top-grape","title":"Half-Sleeve Top Grape","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top Grape\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":50532627185952,"sku":null,"price":230.0,"currency_code":"EGP","in_stock":false},{"title":"M","offer_id":50532627218720,"sku":null,"price":230.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":50532627251488,"sku":null,"price":230.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-08-07_at_09.46.26_8b250916.webp?v=1754661100"},{"product_id":"half-sleeve-top-dark-brown","title":"Half-Sleeve Top Dark Brown","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top Dark 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 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S \/ 95% cotton – 5% lycra","offer_id":50532630888736,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M \/ 95% cotton – 5% lycra","offer_id":50532630921504,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L \/ 95% cotton – 5% lycra","offer_id":50532630954272,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_7258.heic?v=1778089310"},{"product_id":"half-sleeve-top-dark-grey","title":"Half-Sleeve Top Dark Grey","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top 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 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":50532664738080,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":50532664770848,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":50532664803616,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_7307.heic?v=1778089682"},{"product_id":"half-sleeve-top-orange","title":"Half-Sleeve Top Orange","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top 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 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":50532670505248,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":50532670538016,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":50532670570784,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_7242.heic?v=1778089321"},{"product_id":"half-sleeve-top-burgundy","title":"Half-Sleeve Top Burgundy","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top 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 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":50565364973856,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":50565365006624,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":false},{"title":"L","offer_id":50565365039392,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_7165.heic?v=1778087106"},{"product_id":"half-sleeve-top-simon","title":"Half-Sleeve Top Simon","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top Simon\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":50678718759200,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":50678718791968,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":50678718824736,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_7282.heic?v=1778094131"},{"product_id":"half-sleeve-top-genzari-1","title":"Half-Sleeve Top Genzari","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003e\n\u003cspan style=\"color: rgb(245, 245, 177);\"\u003eHalf\u003c\/span\u003e-Slee\u003cspan style=\"color: rgb(231, 216, 155);\"\u003ev\u003c\/span\u003ee Top \u003cspan style=\"color: rgb(225, 199, 117);\"\u003eGenzari\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Dark bluish green \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":50778254999840,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":false},{"title":"M","offer_id":50778255032608,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":false},{"title":"L","offer_id":50778255065376,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_7240.heic?v=1778089320"},{"product_id":"half-sleeve-top-matcha","title":"Half-Sleeve Top matcha","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top 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 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":51389287235872,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":51389287268640,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":51389287301408,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/efb24d7f-3697-4e73-9e63-10e2f488c3ac.jpg?v=1778090934"},{"product_id":"half-sleeve-top-kamoni","title":"Half-Sleeve Top Kamoni","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top Kamoni\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":51389287334176,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":false},{"title":"M","offer_id":51389287366944,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":51389287399712,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/2a3327ad-0089-4d99-9132-0e8a559290c3.jpg?v=1778165107"},{"product_id":"half-sleeve-top-cacao","title":"Half-Sleeve Top Cacao","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eHalf-Sleeve Top 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 95% cotton – 5% lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Half-Sleeve Top \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Shiny grey with a soft, elegant sheen \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSmall\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-65 kg, length 55 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 65-75 kg, length 57 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eLarge\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 75-95 kg, length 60 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTop 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\"\u003eWrinkle-resistant - stays neat and crisp\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\"\u003eComfortable fit - perfect for all-day wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePremium cotton-lycra blend for comfort and stretch\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":"S","offer_id":51389842456864,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":51389842489632,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":51389842522400,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_7303.heic?v=1778089686"},{"product_id":"half-sleeve-top-light-orange","title":"Half-Sleeve Top Light Orange","description":"","brand":"Heya Boutique","offers":[{"title":"S","offer_id":51581578772768,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":51581578805536,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":51581578838304,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_7198.heic?v=1778088914"},{"product_id":"half-sleeve-top-dark-purple","title":"Half-Sleeve Top Dark Purple","description":"","brand":"Heya Boutique","offers":[{"title":"S","offer_id":51581600366880,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":51581600399648,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":51581600432416,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_7195_c9e1514b-5817-4b38-b7fd-cffc4fc2d5d2.heic?v=1778165620"},{"product_id":"half-sleeve-top-pistachio","title":"Half-Sleeve Top Pistachio","description":"","brand":"Heya Boutique","offers":[{"title":"S","offer_id":51581653025056,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":51581653057824,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":51581653090592,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/5ca18c62-10b1-41b8-84df-b0e2890b4837.jpg?v=1778099455"},{"product_id":"half-sleeve-top-nude","title":"Half-Sleeve Top Nude","description":"","brand":"Heya Boutique","offers":[{"title":"S","offer_id":51581668196640,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":51581668229408,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":51581668262176,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/3e0d2730-09f0-4986-8460-897126c1c148.jpg?v=1778099628"},{"product_id":"half-sleeve-top-light-lavender","title":"Half-Sleeve Top Light Lavender","description":"","brand":"Heya Boutique","offers":[{"title":"S","offer_id":51581688021280,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":51581688054048,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":false},{"title":"L","offer_id":51581688086816,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/68637eda-0a2b-4217-9b33-1e47da1ad0b0.jpg?v=1778099819"},{"product_id":"half-sleeve-top-turquoise","title":"Half-Sleeve Top Turquoise","description":"","brand":"Heya Boutique","offers":[{"title":"S","offer_id":51581760995616,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":51581761028384,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":51581761061152,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_7272.heic?v=1778089439"},{"product_id":"half-sleeve-top-maroon","title":"Half-Sleeve Top Maroon","description":"","brand":"Heya Boutique","offers":[{"title":"S","offer_id":51588880826656,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":51588880859424,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":51588880892192,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/0ffc3da9-bdfc-4db9-80b7-628a9f9855da.jpg?v=1778164688"},{"product_id":"half-sleeve-top-dark-taupe","title":"Half-Sleeve Top Dark Taupe","description":"","brand":"Heya Boutique","offers":[{"title":"Small","offer_id":51588881744160,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"Medium","offer_id":51588881776928,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"Large","offer_id":51588881809696,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/0B0D3297-4552-4977-AB4A-20A88C6D65A3.png?v=1778164710"},{"product_id":"half-sleeve-top-new-purple","title":"Half-Sleeve Top New Purple","description":"","brand":"Heya Boutique","offers":[{"title":"S","offer_id":51588898521376,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":51588898554144,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":51588898586912,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/c785d153-5e0b-4f1f-8656-c7b33298c2b1.jpg?v=1778165374"},{"product_id":"half-sleeve-top-light-mauve","title":"Half-Sleeve Top Light Mauve","description":"","brand":"Heya Boutique","offers":[{"title":"S","offer_id":51588953669920,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":51588953702688,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":51588953735456,"sku":null,"price":200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/8091F69C-1C15-4718-8FAE-5FD9B95DE408.png?v=1778167047"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/collections\/IMG_7272.jpg?v=1778113543","url":"https:\/\/heyaboutique.com\/collections\/half-sleeves.oembed","provider":"Heya Boutique","version":"1.0","type":"link"}