{"title":"Summer Teshirt","description":"","products":[{"product_id":"t-shirt-sky-blue","title":"T-shirt 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\"\u003e T-shirt 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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50519359226144,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true},{"title":"Size 2","offer_id":50519359258912,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-07-25at12.44.01AM_2_11zon.webp?v=1753703967"},{"product_id":"t-shirt-green","title":"T-shirt 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\"\u003e T-shirt 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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"size 1","offer_id":50519369187616,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"size 2","offer_id":50519369220384,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.44.19_AM_3_11zon.webp?v=1753704130"},{"product_id":"t-shirt-kamonii","title":"T-shirt 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\"\u003e T-shirt 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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"size 1","offer_id":50519373447456,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"size 2","offer_id":50519373480224,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.44.47_AM_4_11zon.webp?v=1753704566"},{"product_id":"t-shirt-light-brown","title":"T-shirt 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\"\u003e T-shirt 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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"size 1","offer_id":50519377183008,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"size 2","offer_id":50519377215776,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.44.48_AM_5_11zon.webp?v=1753705638"},{"product_id":"t-shirt-blue","title":"T-shirt 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\"\u003e T-shirt 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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"size 1","offer_id":50519381279008,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true},{"title":"size 2","offer_id":50519381311776,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.44.49_AM_7_11zon.webp?v=1753705755"},{"product_id":"t-shirt-yellow","title":"T-shirt 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\"\u003e T-shirt 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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"size 1","offer_id":50519388356896,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true},{"title":"size 2","offer_id":50519388389664,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.44.49_AM_1__6_11zon.webp?v=1753705810"},{"product_id":"t-shirt-light-lavender","title":"T-shirt Light 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\"\u003e T-shirt Light 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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"size 1","offer_id":50519391830304,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"size 2","offer_id":50519391863072,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.45.01_AM_8_11zon.webp?v=1753706504"},{"product_id":"t-shirt-maroon","title":"T-shirt 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\"\u003e T-shirt 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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50519280058656,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50519280091424,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.45.02_AM_11zon.webp?v=1753708337"},{"product_id":"t-shirt-lavender","title":"T-shirt 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\"\u003e T-shirt 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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50519345955104,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true},{"title":"Size 2","offer_id":50519345987872,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.45.03_AM_11zon.webp?v=1753716502"},{"product_id":"t-shirt-light-grey","title":"T-shirt 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\"\u003e T-shirt Light grey\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% Cotton – 5% Lycra \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50519394124064,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50519394156832,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/7348747813adb0bc997ed8dcfb63efac.webp?v=1753716705"},{"product_id":"t-shirt-off-white","title":"T-shirt 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\"\u003e T-shirt 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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50519400841504,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true},{"title":"Size 2","offer_id":50519400874272,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.45.03_AM_2__11zon.webp?v=1753716426"},{"product_id":"t-shirt-banfsag","title":"T-shirt Banfsag","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 T-shirt \u003cspan style=\"color: rgb(201, 170, 107);\"\u003eBanfsag\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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50519510057248,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50519510090016,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.54.12_AM_3_11zon.webp?v=1753716027"},{"product_id":"t-shirt-silver-1","title":"T-shirt 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\"\u003e T-shirt 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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50519513661728,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50519513694496,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.44.01_AM_1__1_11zon.webp?v=1754910107"},{"product_id":"t-shirt-butter-yello","title":"T-shirt 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\"\u003e T-shirt Butter yellow\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% Cotton – 5% Lycra \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50519516610848,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true},{"title":"Size 2","offer_id":50519516643616,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.54.15_AM_5_11zon.webp?v=1753715918"},{"product_id":"t-shirt-black","title":"T-shirt 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\"\u003e T-shirt 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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50519522181408,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50519522214176,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG-4919.png?v=1760252121"},{"product_id":"t-shirt-genzary","title":"T-shirt Genzary","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 T-shirt Genzary\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% Cotton – 5% Lycra \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50519524213024,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50519524245792,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.54.17_AM_8_11zon.webp?v=1753712547"},{"product_id":"t-shirt-white","title":"T-shirt 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\"\u003e T-shirt 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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50519527751968,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50519527784736,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.54.17_AM_1__7_11zon.webp?v=1753715628"},{"product_id":"t-shirt-pink","title":"T-shirt 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\"\u003e T-shirt 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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50519531585824,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true},{"title":"Size 2","offer_id":50519531618592,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.54.18_AM_1_11zon.webp?v=1753715586"},{"product_id":"t-shirt-mintgreen","title":"T-shirt 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\"\u003e T-shirt 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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50519532994848,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50519533027616,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.54.18_AM_1__11zon.webp?v=1753715476"},{"product_id":"t-shirt-dark-green","title":"T-shirt 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\"\u003e T-shirt 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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50519536632096,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50519536664864,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.54.19_AM_3_11zon_f342b3e9-820b-4daf-a5b2-cc09e0cacdac.webp?v=1753713411"},{"product_id":"t-shirt-dark-grey","title":"T-shirt 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\"\u003e T-shirt 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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50519537844512,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50519537877280,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.54.19_AM_1__2_11zon.webp?v=1753717183"},{"product_id":"t-shirt-dark-brown","title":"T-shirt 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\"\u003e T-shirt 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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50519541023008,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50519541055776,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.54.20_AM_4_11zon.webp?v=1753717580"},{"product_id":"t-shirt-olive","title":"T-shirt 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\"\u003e T-shirt 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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50519544004896,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50519544037664,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.54.21_AM_5_11zon.webp?v=1753717630"},{"product_id":"t-shirt-baby-blue","title":"T-shirt 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\"\u003e T-shirt 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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50519546298656,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true},{"title":"Size 2","offer_id":50519546331424,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.54.22_AM_8_11zon.webp?v=1753711900"},{"product_id":"t-shirt-cafe","title":"T-shirt 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\"\u003e T-shirt Cafe\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% Cotton – 5% Lycra \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50519867916576,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50519867949344,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.54.22_AM_1__6_11zon_0079d258-1ba1-4443-a4f5-3e507139c4e7.webp?v=1753717776"},{"product_id":"t-shirt-plante-green","title":"T-shirt Plante 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\"\u003e T-shirt Plante 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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50519875977504,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true},{"title":"Size 2","offer_id":50519876010272,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.54.22_AM_2__7_11zon.webp?v=1753717844"},{"product_id":"t-shirt-orange","title":"T-shirt 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\"\u003e T-shirt 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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50519878795552,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true},{"title":"Size 2","offer_id":50519878828320,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.54.23_AM_1_11zon_f7aa5ba3-2f4e-450f-8a81-5d1ea7bbd063.webp?v=1753717896"},{"product_id":"t-shirt-fuchsia","title":"T-shirt 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\"\u003e T-shirt 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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50519880401184,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true},{"title":"Size 2","offer_id":50519880433952,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.54.24_AM_3_11zon_36cd3a3b-5c76-47a6-86e2-24fb96259157.webp?v=1753717940"},{"product_id":"t-shirt-apple-green","title":"T-shirt 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\"\u003e T-shirt 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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50519888462112,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true},{"title":"Size 2","offer_id":50519888494880,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.54.24_AM_1__2_11zon_52845270-26c7-4176-801a-caef43b7e74f.webp?v=1753718049"},{"product_id":"t-shirt-matcha","title":"T-shirt 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\"\u003e T-shirt 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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50519892721952,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50519892754720,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.54.26_AM_5_11zon_6a81c66b-d844-4e02-a755-2085bef59716.webp?v=1753718273"},{"product_id":"t-shirt-maroon-1","title":"T-shirt Maroon","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 T-shirt Maroon\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% Cotton – 5% Lycra \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50519902716192,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50519902748960,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.54.26_AM_1__4_11zon_4031c2a6-17db-450c-a000-a86383de2417.webp?v=1753718379"},{"product_id":"t-shirt-burgundy","title":"T-shirt 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\"\u003e T-shirt 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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50519914250528,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50519914283296,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.54.27_AM_7_11zon_fc3ddf75-c733-4c93-8481-ea7e71a78768.webp?v=1753718477"},{"product_id":"t-shirt-cacao","title":"T-shirt 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\"\u003e T-shirt Cacao\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% Cotton – 5% Lycra \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50519919821088,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true},{"title":"Size 2","offer_id":50519919853856,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.54.27_AM_1__6_11zon_449ff901-fc8b-4557-80b1-c486136e3779.webp?v=1753718549"},{"product_id":"t-shirt-simon","title":"T-shirt 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\"\u003e T-shirt 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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50519924900128,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true},{"title":"Size 2","offer_id":50519924932896,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.54.28_AM_9_11zon_da537350-aa28-4b7c-a884-506c7ff6cec6.webp?v=1753718691"},{"product_id":"t-shirt-pistachio","title":"T-shirt Pistachio","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 T-shirt Pistachio\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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50520041095456,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true},{"title":"Size 2","offer_id":50520041128224,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.54.28_AM_1__8_11zon_8120b9c9-d45e-40ef-b541-eb3d7de99155.webp?v=1753720698"},{"product_id":"t-shirt-pistachio-copy","title":"T-shirt Light mauve","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 T-shirt Light mauve\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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50520047517984,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true},{"title":"Size 2","offer_id":50520047550752,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.54.29_AM.webp?v=1753725791"},{"product_id":"t-shirt-light-mauve-copy","title":"T-shirt Dark cashmere","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 T-shirt Dark cashmere\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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50520281809184,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true},{"title":"Size 2","offer_id":50520281841952,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.54.29_AM_1__1_11zon.webp?v=1753726285"},{"product_id":"t-shirt-light-mauve-copy-1","title":"T-shirt 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\"\u003e T-shirt 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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50520283775264,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50520283808032,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.54.29_AM_2__2_11zon.webp?v=1753726353"},{"product_id":"t-shirt-light-mauve-copy-copy","title":"T-shirt Honey","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 T-shirt Honey\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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50520285610272,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true},{"title":"Size 2","offer_id":50520285643040,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.54.30_AM_1__4_11zon.webp?v=1753726372"},{"product_id":"t-shirt-light-mauve-copy-copy-copy","title":"T-shirt Light 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\"\u003e T-shirt Light 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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50520287314208,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true},{"title":"Size 2","offer_id":50520287346976,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.54.30_AM_5_11zon.webp?v=1753726370"},{"product_id":"t-shirt-turquoise","title":"T-shirt Turquoise","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 T-shirt Turquoise\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% Cotton – 5% Lycra \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50520316346656,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true},{"title":"Size 2","offer_id":50520316379424,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.54.31_AM_7_11zon.webp?v=1753726371"},{"product_id":"t-shirt-beige","title":"T-shirt 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\"\u003e T-shirt 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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50520323129632,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50520323162400,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.54.32_AM_1_11zon.webp?v=1753726372"},{"product_id":"t-shirt-petroleum-1","title":"T-shirt 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\"\u003e T-shirt 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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50520326734112,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50520326766880,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.54.32_AM_1__8_11zon.webp?v=1753726371"},{"product_id":"t-shirt-purple","title":"T-shirt 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\"\u003e T-shirt 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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50520328143136,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true},{"title":"Size 2","offer_id":50520328175904,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.54.32_AM_2__9_11zon.webp?v=1753726372"},{"product_id":"t-shirt-dark-pink-1","title":"T-shirt 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\"\u003e T-shirt 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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50520329748768,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true},{"title":"Size 2","offer_id":50520329781536,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.54.33_AM_3_11zon.webp?v=1753726372"},{"product_id":"t-shirt-navy","title":"T-shirt 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\"\u003e T-shirt 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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50520332566816,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50520332599584,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.54.33_AM_1__2_11zon.webp?v=1753726372"},{"product_id":"t-shirt-tobey","title":"T-shirt Tobey","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 T-shirt Tobey\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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50520335581472,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50520335614240,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsApp_Image_2025-07-25_at_12.54.34_AM_4_11zon.webp?v=1753726372"},{"product_id":"heya-tshirt-babyblue","title":"T-shirt Dark 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\"\u003e\u003cspan style=\"color: rgb(208, 181, 126);\"\u003eHeya T-Shirt Dark Orange\u003c\/span\u003e\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\u003eFabric:\u003c\/strong\u003e 95% Cotton – 5% Lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003eDoesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eDoesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eNot see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"size 1","offer_id":50523922792736,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":true},{"title":"size 2","offer_id":50523922825504,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/Darkorange2.heic?v=1759954097"},{"product_id":"t-shirt-dark-beige","title":"T-shirt Dark 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\"\u003e T-shirt Dark 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 Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003e Doesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Doesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003e Not see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"Size 1","offer_id":50577559814432,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"Size 2","offer_id":50577559847200,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/z37o97gklwp6ftw2u7akrhrx2jw9.webp?v=1754919920"},{"product_id":"heya-tshirt-beige-cashmere","title":"T-shirt Beige Cashmere","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\u003cspan style=\"color: rgb(208, 181, 126);\"\u003e T-Shirt Beige Cashmere \u003c\/span\u003e\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\u003eFabric:\u003c\/strong\u003e 95% Cotton – 5% Lycra\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern oversized cotton t-shirt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Sizes\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 1\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 40-70 kg | Length: 75 cm | Sleeve: 60 cm | Width: 61 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eSize 2\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eFits weight: 70-100 kg | Length: 80 cm | Sleeve: 62 cm | Width: 70 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eT-shirt 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\"\u003eDoesn't shrink - maintains its original size\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eDoesn't pill - stays smooth and fresh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eNot see-through - provides perfect coverage\u003c\/span\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 blend with lycra 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":"size 1","offer_id":50781791813920,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false},{"title":"size 2","offer_id":50781791846688,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG-3728.heic?v=1760010876"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/collections\/summer_cover_1235cb96-ceaa-49d1-a2d1-49c2ae4a0c50.webp?v=1772742804","url":"https:\/\/heyaboutique.com\/ar\/collections\/summer-teshirt.oembed","provider":"Heya Boutique","version":"1.0","type":"link"}