{"title":"Chemise poplin","description":null,"products":[{"product_id":"chemise-poplin-orange","title":"Chemise Poplin Orange","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eChemise Poplin Orange\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"heybptiq","offers":[{"title":"Free size","offer_id":50523869217056,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-07-29at13.43.41_02f51ed5_3_11zon.webp?v=1753788156"},{"product_id":"chemise-poplin-black","title":"Chemise Poplin Black","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eChemise Poplin Black\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"heybptiq","offers":[{"title":"Free size","offer_id":50523871871264,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-07-29at13.43.41_e15e7860_7_11zon.webp?v=1753788156"},{"product_id":"chemise-poplin-olive","title":"Chemise Poplin Dark Mint","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eChemise Poplin Olive\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"heybptiq","offers":[{"title":"Free size","offer_id":50523875672352,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-07-29at13.43.42_702ac3c0_10_11zon.webp?v=1753788156"},{"product_id":"chemise-poplin-beige","title":"Chemise Poplin Beige","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eChemise Poplin Beige\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"heybptiq","offers":[{"title":"Free size","offer_id":50523880227104,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-07-29at13.43.43_bdb2230c_15_11zon.webp?v=1753788156"},{"product_id":"chemise-poplin-yellow","title":"Chemise Poplin Yellow","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eChemise Poplin Yellow\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"heybptiq","offers":[{"title":"Free size","offer_id":50523888582944,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-07-29at13.43.43_a9bccb4f_14_11zon.webp?v=1753788706"},{"product_id":"chemise-poplin-dark-pink","title":"Chemise Poplin Dark Pink","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eChemise Poplin Dark Pink\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"heybptiq","offers":[{"title":"Free size","offer_id":50523895365920,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-07-29at13.43.42_311ec9c4_9_11zon.webp?v=1753788156"},{"product_id":"chemise-poplin-brown","title":"Chemise Poplin Brown","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eChemise Poplin Brown\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"heybptiq","offers":[{"title":"Free size","offer_id":50523899527456,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-07-29at13.43.45_700785ed_23_11zon.webp?v=1753788156"},{"product_id":"chemise-poplin-lavender","title":"Chemise Poplin Lavender","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eChemise Poplin Lavender\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"heybptiq","offers":[{"title":"Free size","offer_id":50523901886752,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-07-29at13.43.42_e9de6ad4_12_11zon.webp?v=1753788156"},{"product_id":"chemise-poplin-babyblue","title":"Chemise Poplin Baby blue","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eChemise Poplin Baby blue\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"heybptiq","offers":[{"title":"Free size","offer_id":50523916828960,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-07-29at13.43.45_b9f6c40d_24_11zon.webp?v=1753788156"},{"product_id":"chemise-poplin-petroleum","title":"Chemise Poplin 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\"\u003eChemise Poplin 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 Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"heybptiq","offers":[{"title":"Free size","offer_id":50523921056032,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-07-29at13.43.45_4691e1cc_22_11zon.webp?v=1753788156"},{"product_id":"chemise-poplin-kashmire","title":"Chemise Poplin 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\"\u003eChemise Poplin Cashmire\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"heybptiq","offers":[{"title":"Free size","offer_id":50523923710240,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-07-29at13.43.44_46088544_19_11zon.webp?v=1753788156"},{"product_id":"chemise-poplin-grey","title":"Chemise Poplin 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\"\u003eChemise Poplin 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 Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"heybptiq","offers":[{"title":"Free size","offer_id":50523925643552,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-07-29at13.43.46_328bbc85_28_11zon.webp?v=1753788156"},{"product_id":"chemise-poplin-turquoise","title":"Chemise Poplin 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\"\u003eChemise Poplin 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 Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"heybptiq","offers":[{"title":"Free size","offer_id":50523965096224,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-07-29at13.43.47_5a42e05d_31_11zon.webp?v=1753788156"},{"product_id":"chemise-poplin-kiwi","title":"Chemise Poplin 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\"\u003eChemise Poplin 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 Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"heybptiq","offers":[{"title":"Free size","offer_id":50523969290528,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-07-29at13.43.41_7c64092b_4_11zon.webp?v=1753788156"},{"product_id":"chemise-poplin-red","title":"Chemise Poplin Red","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eChemise Poplin Red\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"heybptiq","offers":[{"title":"Free size","offer_id":50523972141344,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-07-29at13.43.44_f5c54e62_21_11zon.webp?v=1753788156"},{"product_id":"chemise-poplin-skyblue","title":"Chemise Poplin 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\"\u003eChemise Poplin 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 Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"heybptiq","offers":[{"title":"Free size","offer_id":50523976565024,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-07-29at13.43.40_392c8c14_2_11zon.webp?v=1753788156"},{"product_id":"chemise-poplin-white","title":"Chemise Poplin 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\"\u003eChemise Poplin 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 Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"heybptiq","offers":[{"title":"Free size","offer_id":50523981775136,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-07-29at13.43.46_cf4acef5_29_11zon.webp?v=1753788156"},{"product_id":"chemise-poplin-green-apple","title":"Chemise Poplin Green Apple","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eChemise Poplin Green Apple\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"heybptiq","offers":[{"title":"Free size","offer_id":50523987804448,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-07-29at13.43.40_67ff1de9_1_11zon.webp?v=1753788156"},{"product_id":"chemise-poplin-mintgreen","title":"Chemise Poplin 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\"\u003eChemise Poplin Mintgreen\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"heybptiq","offers":[{"title":"Free size","offer_id":50523997471008,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-07-29at13.43.47_14f23153_32_11zon.webp?v=1759246070"},{"product_id":"chemise-poplin-pink","title":"Chemise Poplin Pink","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eChemise Poplin Pink\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"heybptiq","offers":[{"title":"Free size","offer_id":50524003991840,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-07-29at13.43.46_fa90115d_30_11zon.webp?v=1753788156"},{"product_id":"chemise-poplin-hot-pink","title":"Chemise Poplin Hot Pink","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eChemise Poplin Hot Pink\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"heybptiq","offers":[{"title":"Free size","offer_id":50722747056416,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-09-21at19.58.59_b056dc87.webp?v=1758474551"},{"product_id":"chemise-poplin-green","title":"Chemise Poplin 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\"\u003eChemise Poplin 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 Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"heybptiq","offers":[{"title":"Free size","offer_id":50722780348704,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-09-21at19.58.59_4b427434.webp?v=1758475130"},{"product_id":"chemise-poplin-lime-green","title":"Chemise Poplin Lime 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\"\u003eChemise Poplin Lime 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 Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"heybptiq","offers":[{"title":"Free size","offer_id":50722780643616,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-09-21at19.58.59_909be57e.webp?v=1758475131"},{"product_id":"chemise-poplin-burgundy","title":"Chemise Poplin 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\"\u003eChemise Poplin 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 Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"heybptiq","offers":[{"title":"Free size","offer_id":50722780905760,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-09-21at19.58.59_f76034b3.webp?v=1758475130"},{"product_id":"chemise-poplin-genzary","title":"Chemise Poplin 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\"\u003eChemise Poplin 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 Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Heya Boutique","offers":[{"title":"One size","offer_id":50738551914784,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_2958.heic?v=1758874277"},{"product_id":"chemise-poplin-olive-1","title":"Chemise Poplin 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\"\u003eChemise Poplin Olive\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Heya Boutique","offers":[{"title":"One size","offer_id":50738571673888,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_2960.heic?v=1758874277"},{"product_id":"chemise-poplin-nevy","title":"Chemise Poplin 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\"\u003eChemise Poplin 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 Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Heya Boutique","offers":[{"title":"One size","offer_id":50738589434144,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_2953.heic?v=1758874277"},{"product_id":"chemise-poplin-grey-1","title":"Chemise Poplin Dark Gray","description":"\u003cstyle\u003e\n        .product-container {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .product-container *,\n        .product-container *::before,\n        .product-container *::after {\n            box-sizing: inherit;\n        }\n\n        .product-wrapper {\n            font-family: 'Cairo', 'Poppins', sans-serif;\n            background: radial-gradient(ellipse at top, #f9f3e6 0%, #f4eddc 25%, #f0e6d2 50%, #ede0cc 75%, #f2e8d4 100%);\n            background-attachment: fixed;\n            min-height: 100vh;\n            padding: 30px 20px;\n            line-height: 1.7;\n            position: relative;\n        }\n\n        .product-container {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .product-card {\n            background: linear-gradient(145deg, \n                rgba(255, 254, 251, 0.95) 0%, \n                rgba(250, 248, 242, 0.98) 25%,\n                rgba(255, 254, 251, 0.95) 50%,\n                rgba(248, 246, 240, 0.98) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 50px;\n            box-shadow: \n                0 25px 60px rgba(200, 169, 106, 0.15),\n                0 8px 32px rgba(200, 169, 106, 0.1),\n                0 0 0 1px rgba(200, 169, 106, 0.08),\n                inset 0 1px 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            margin-bottom: 40px;\n            border: 2px solid rgba(200, 169, 106, 0.12);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-12px) scale(1.01);\n            box-shadow: \n                0 35px 80px rgba(200, 169, 106, 0.25),\n                0 15px 50px rgba(200, 169, 106, 0.15),\n                0 0 0 1px rgba(200, 169, 106, 0.15),\n                inset 0 1px 0 rgba(255, 255, 255, 1);\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n\n        .product-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 3.2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 25%, #b8996a 75%, #c8a96a 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n            text-shadow: 0 2px 4px rgba(200, 169, 106, 0.1);\n            position: relative;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #c8a96a, transparent);\n            border-radius: 2px;\n        }\n\n        .content-vertical {\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }\n\n        .section {\n            margin-bottom: 40px;\n        }\n\n        .section-title {\n            font-family: 'Cairo', sans-serif;\n            font-size: 1.8rem;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 25px;\n            font-weight: 700;\n            padding-bottom: 12px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: linear-gradient(90deg, #c8a96a, #d4b676, rgba(200, 169, 106, 0.3));\n            border-radius: 2px;\n        }\n\n        .specs-list {\n            list-style: none;\n        }\n\n        .specs-list li {\n            color: #5a5a5a;\n            margin-bottom: 16px;\n            font-size: 1.15rem;\n            padding-left: 30px;\n            position: relative;\n            transition: all 0.3s ease;\n            font-weight: 400;\n        }\n\n        .specs-list li:hover {\n            color: #4a4a4a;\n            transform: translateX(5px);\n        }\n\n        .specs-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 12px;\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(200, 169, 106, 0.4);\n        }\n\n        .specs-list li strong {\n            color: #c8a96a;\n            font-weight: 600;\n        }\n\n        .size-card {\n            background: linear-gradient(135deg, \n                rgba(249, 246, 240, 0.9) 0%, \n                rgba(245, 240, 232, 0.95) 100%);\n            backdrop-filter: blur(10px);\n            padding: 25px;\n            border-radius: 20px;\n            margin-bottom: 18px;\n            border: 1px solid rgba(200, 169, 106, 0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(200, 169, 106, 0.08);\n        }\n\n        .size-card:hover {\n            transform: translateX(8px) translateY(-4px);\n            box-shadow: 0 12px 40px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.3);\n        }\n\n        .size-title {\n            font-weight: 700;\n            background: linear-gradient(135deg, #c8a96a, #d4b676);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        .size-details {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.6) 0%, \n                rgba(250, 246, 238, 0.8) 100%);\n            backdrop-filter: blur(10px);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(200, 169, 106, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item:hover {\n            background: linear-gradient(135deg, \n                rgba(248, 243, 235, 0.9) 0%, \n                rgba(250, 246, 238, 1) 100%);\n            transform: translateX(12px) translateY(-2px);\n            box-shadow: 0 8px 30px rgba(200, 169, 106, 0.2);\n            border-color: rgba(200, 169, 106, 0.2);\n        }\n\n        .feature-icon {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #c8a96a 0%, #d4b676 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-right: 18px;\n            box-shadow: 0 2px 8px rgba(200, 169, 106, 0.3);\n            position: relative;\n        }\n\n        .feature-icon::before {\n            content: \"●\";\n            color: white;\n            font-size: 10px;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        }\n\n        .feature-text {\n            color: #5a5a5a;\n            font-size: 1.1rem;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .product-wrapper {\n                padding: 20px 15px;\n            }\n\n            .product-container {\n                padding: 0;\n            }\n\n            .product-card {\n                padding: 35px 25px;\n                border-radius: 24px;\n            }\n\n            .product-title {\n                font-size: 2.4rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-list li {\n                font-size: 1.05rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-card {\n                padding: 25px 20px;\n            }\n\n            .product-title {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-wrapper\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003ch1 class=\"product-title\"\u003eChemise Poplin Gray\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Heya Boutique","offers":[{"title":"One size","offer_id":50738597265696,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_2948.heic?v=1758874277"},{"product_id":"chemise-poplin-butter-yellow","title":"Chemise Poplin 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\"\u003eChemise Poplin Olive\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content-vertical\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Poplin fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Modern shirt style\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFit:\u003c\/strong\u003e One Size\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAvailable Size\u003c\/h2\u003e\n\u003cdiv class=\"size-card\"\u003e\n\u003cdiv class=\"size-title\"\u003eOne Size\u003c\/div\u003e\n\u003cdiv class=\"size-details\"\u003eLength: 75 cm | Fits most sizes comfortably\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eChemise Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eHigh-quality poplin fabric for durability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eElegant for versatile styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003eOne size fits most - comfortable and flattering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-text\"\u003ePerfect length at 75cm for modern look\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Heya Boutique","offers":[{"title":"One size","offer_id":50752893681952,"sku":null,"price":450.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/IMG_3789_1.heic?v=1759341117"},{"product_id":"chemise-poplin-defective","title":"Chemise Poplin - Defective","description":"\u003csection class=\"text-token-text-primary w-full focus:outline-none [--shadow-height:45px] has-data-writing-block:pointer-events-none has-data-writing-block:-mt-(--shadow-height) has-data-writing-block:pt-(--shadow-height) [\u0026amp;:has([data-writing-block])\u0026gt;*]:pointer-events-auto [content-visibility:auto] supports-[content-visibility:auto]:[contain-intrinsic-size:auto_100lvh] R6Vx5W_threadScrollVars scroll-mb-[calc(var(--scroll-root-safe-area-inset-bottom,0px)+var(--thread-response-height))] scroll-mt-[calc(var(--header-height)+min(200px,max(70px,20svh)))]\" dir=\"auto\" data-turn-id=\"request-WEB:9320750d-e8fc-4136-92d8-30f885a833f9-8\" data-testid=\"conversation-turn-4\" data-scroll-anchor=\"false\" data-turn=\"assistant\"\u003e\n\u003cdiv class=\"text-base my-auto mx-auto pb-10 [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm\/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg\/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)\"\u003e\n\u003cdiv class=\"[--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group\/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn\"\u003e\n\u003cdiv class=\"flex max-w-full flex-col gap-4 grow\"\u003e\n\u003cdiv data-message-author-role=\"assistant\" data-message-id=\"b410da3c-5900-47fb-bba7-2685f03d7a4f\" dir=\"auto\" data-message-model-slug=\"gpt-5-3\" class=\"min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal outline-none keyboard-focused:focus-ring [.text-message+\u0026amp;]:mt-1\" data-turn-start-message=\"true\" tabindex=\"0\"\u003e\n\u003cdiv class=\"flex w-full flex-col gap-1 empty:hidden\"\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\"\u003e\n\u003cp data-start=\"0\" data-end=\"62\"\u003eالمنتج درجه تانيه ( فيه ديفوه بسيط - او ممكن ميبقاش فيه خالص )\u003c\/p\u003e\n\u003cp data-start=\"64\" data-end=\"111\" data-is-last-node=\"\" data-is-only-node=\"\"\u003eممنوع الاستبدال او الاسترجاع لاي سبب من الاسباب\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"z-0 flex min-h-[46px] justify-start\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mt-3 w-full empty:hidden\"\u003e\n\u003cdiv class=\"text-center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"Heya Boutique","offers":[{"title":"Turquoise \/ Free size","offer_id":51528471839008,"sku":null,"price":350.0,"currency_code":"EGP","in_stock":false},{"title":"White \/ Free size","offer_id":51528471871776,"sku":null,"price":350.0,"currency_code":"EGP","in_stock":false},{"title":"Lavender \/ Free size","offer_id":51528471904544,"sku":null,"price":350.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0959\/2445\/3664\/files\/WhatsAppImage2025-07-29at13.43.47_5a42e05d_31_11zon.webp?v=1753788156"}],"url":"https:\/\/heyaboutique.com\/collections\/chemise-poplin.oembed?page=2","provider":"Heya Boutique","version":"1.0","type":"link"}