{"title":"Summer Collection","description":"","products":[{"product_id":"pure-linen-shirt-black","title":"Pure linen shirt-Black","description":"\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from {\n                width: 0;\n            }\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes float {\n            0% {\n                transform: translateY(0px);\n            }\n            50% {\n                transform: translateY(-10px);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n\n        \/* Hero Section - Modified with white background and black text *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n        \n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Content Container *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto 100px;\n            padding: 0 60px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin-bottom: 60px;\n            opacity: 0;\n            animation: rotateIn 1s forwards;\n            transition: var(--transition-medium);\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 10px 10px 0 var(--black);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n        \n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 8px 15px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(5deg);\n        }\n\n        \/* Product Title *\/\n        .linen-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Description Text *\/\n        .description {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            line-height: 1.8;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 0.8s;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n        \n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n        \n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n        \n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 40px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.4s;\n        }\n        \n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 24px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n        }\n        \n        .size-table th, .size-table td {\n            padding: 18px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n            font-size: 16px;\n        }\n        \n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 400;\n        }\n        \n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Model Info Styling *\/\n        .model-info {\n            text-align: center;\n            margin-top: 35px;\n            padding: 25px;\n            background-color: rgba(0, 0, 0, 0.03);\n            border-radius: 8px;\n        }\n        \n        .model-info h4 {\n            font-family: var(--font-title);\n            font-size: 20px;\n            font-weight: 400;\n            color: var(--black);\n            margin-bottom: 15px;\n            letter-spacing: 1px;\n        }\n        \n        .model-info p {\n            font-size: 15px;\n            color: var(--medium-gray);\n            margin: 8px 0;\n        }\n        \n        .model-stats {\n            display: flex;\n            justify-content: center;\n            gap: 30px;\n            flex-wrap: wrap;\n            margin-top: 15px;\n        }\n        \n        .model-stat {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n        \n        .model-stat span {\n            font-weight: 300;\n            color: var(--medium-gray);\n            font-size: 14px;\n            margin-bottom: 5px;\n        }\n        \n        .model-stat strong {\n            font-weight: 500;\n            color: var(--black);\n            font-size: 16px;\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.6s;\n        }\n        \n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n        \n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n        \n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Highlight Text *\/\n        .highlight {\n            font-weight: 500;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n            \n            .container {\n                padding: 0 20px;\n            }\n            \n            .product-card {\n                padding: 30px 20px;\n            }\n            \n            .linen-title {\n                font-size: 28px;\n            }\n            \n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .spec {\n                min-width: 100%;\n            }\n            \n            .model-stats {\n                gap: 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n            \n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n            \n            .linen-title {\n                font-size: 24px;\n            }\n            \n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n            \n            .model-info h4 {\n                font-size: 18px;\n            }\n            \n            .model-stat span, .model-stat strong {\n                font-size: 14px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"quality-badge\"\u003ePremium Quality\u003c\/div\u003e\n\u003ch2 style=\"margin-top: 20px; margin-bottom: 50px;\" class=\"linen-title\"\u003eLinen Collection\u003c\/h2\u003e\n\u003cdiv class=\"description\"\u003eOur pure linen shirts embody \u003cspan class=\"highlight\"\u003e elegance and natural comfort\u003c\/span\u003e for the discerning woman. each piece celebrates the timeless beauty of linen while prioritizing your comfort in any climate.\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature\"\u003ePremium flax fibers for ultimate comfort\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eVersatile 73 cm length for various styling options\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eBreathable fabric perfect for any climate\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eDistinctive texture that improves with age\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eSustainable luxury that never compromises on quality\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eBust (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\/L\u003c\/td\u003e\n\u003ctd\u003e56\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\/2XL\u003c\/td\u003e\n\u003ctd\u003e58\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch4 data-end=\"20\" data-start=\"0\" style=\"text-align: center;\"\u003e\u003cstrong\u003e\u003cbr\u003elinen shirt length: 72cm\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 14px; color: var(--medium-gray);\"\u003e\u003cbr\u003eOur thoughtful sizing accommodates a range of body types\u003c\/p\u003e\n\u003cdiv class=\"model-info\"\u003e\n\u003ch4\u003eModel Information\u003c\/h4\u003e\n\u003cdiv class=\"model-stats\"\u003e\n\u003cdiv class=\"model-stat\"\u003e\n\u003cspan\u003eHeight\u003c\/span\u003e \u003cstrong\u003e162 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-stat\"\u003e\n\u003cspan\u003eWeight\u003c\/span\u003e \u003cstrong\u003e60 kg\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-stat\"\u003e\n\u003cspan\u003eWearing Size\u003c\/span\u003e \u003cstrong\u003eM\/L\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-specs\"\u003e\n\u003cdiv class=\"spec\"\u003e\n\u003ch3\u003eMaterial\u003c\/h3\u003e\n\u003cp\u003ePure Linen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec\"\u003e\n\u003ch3\u003eLength\u003c\/h3\u003e\n\u003cp\u003e73 cm\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec\"\u003e\n\u003ch3\u003eStyle\u003c\/h3\u003e\n\u003cp\u003eRelaxed Fit\u003cspan style=\"display: block; overflow: hidden; white-space: nowrap; width: 100%; animation: lineGrow 3s steps(8) 1s forwards;\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"S_M \/ Linen","offer_id":54440245788745,"sku":"","price":550.0,"currency_code":"EGP","in_stock":true},{"title":"L\/XL \/ Linen","offer_id":55627922341961,"sku":null,"price":550.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_0179.heic?v=1783538274"},{"product_id":"pure-linen-shirt-baby-blue","title":"Turkish denim shirt - light","description":"\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from { opacity: 0; }\n            to { opacity: 1; }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from { width: 0; }\n            to { width: 100%; }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Hero Section *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n            animation: fadeIn 2s ease-in-out;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n\n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Content Container *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto 100px;\n            padding: 0 60px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin-bottom: 60px;\n            opacity: 0;\n            animation: rotateIn 1s forwards;\n            transition: var(--transition-medium);\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 10px 10px 0 var(--black);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n\n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 8px 15px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(5deg);\n        }\n\n        \/* Product Title *\/\n        .cotton-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Description Text *\/\n        .description {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            line-height: 1.8;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 0.8s;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n\n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n\n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.4s;\n        }\n\n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n\n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n\n        .size-table th, .size-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n\n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n\n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Model Specs *\/\n        .model-specs {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.6s;\n        }\n\n        .model-specs h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n\n        .model-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n\n        .model-table th, .model-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n\n        .model-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n\n        .model-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.8s;\n        }\n\n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n\n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n\n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n\n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n\n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n\n            .container {\n                padding: 0 20px;\n            }\n\n            .product-card {\n                padding: 30px 20px;\n            }\n\n            .cotton-title {\n                font-size: 28px;\n            }\n\n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n\n            .spec {\n                min-width: 100%;\n            }\n\n            .size-chart, .model-specs {\n                padding: 40px 20px;\n            }\n\n            .size-chart h3, .model-specs h3 {\n                font-size: 32px;\n            }\n\n            .size-table, .model-table {\n                font-size: 18px;\n            }\n\n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 20px 10px;\n            }\n\n            .size-table th, .model-table th {\n                font-size: 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n\n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n\n            .cotton-title {\n                font-size: 24px;\n            }\n\n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n\n            .size-chart, .model-specs {\n                padding: 30px 15px;\n            }\n\n            .size-chart h3, .model-specs h3 {\n                font-size: 28px;\n            }\n\n            .size-table, .model-table {\n                font-size: 16px;\n            }\n\n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 18px 8px;\n            }\n\n            .size-table th, .model-table th {\n                font-size: 18px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\" style=\"width: 99.9107%; height: 297.951px;\"\u003e\n\u003cthead\u003e\n\u003ctr style=\"height: 88.8889px;\"\u003e\n\u003cth style=\"width: 16.5736%; height: 88.8889px;\"\u003eSize\u003c\/th\u003e\n\u003cth style=\"width: 51.9083%; height: 88.8889px;\"\u003eWeight Range (kg)\u003c\/th\u003e\n\u003cth style=\"width: 31.3692%; height: 88.8889px;\"\u003e\n\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:25ff98a4-57c4-4855-a685-5bccd22d4350-2\" data-testid=\"conversation-turn-6\" 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=\"96c742ec-e1f9-4745-972a-17d90626ff77\" 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 dark markdown-new-styling\"\u003e\n\u003cp data-start=\"0\" data-end=\"11\" data-is-last-node=\"\" data-is-only-node=\"\"\u003eChest width (cm)\u003cbr\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mt-3 w-full empty:hidden\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 69.6875px;\"\u003e\n\u003ctd style=\"width: 16.5736%; height: 69.6875px;\"\u003eM\u003c\/td\u003e\n\u003ctd style=\"width: 51.9083%; height: 69.6875px;\"\u003e45 - 65\u003c\/td\u003e\n\u003ctd style=\"width: 31.3692%; height: 69.6875px;\"\u003e53\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 69.6875px;\"\u003e\n\u003ctd style=\"width: 16.5736%; height: 69.6875px;\"\u003eL\u003c\/td\u003e\n\u003ctd style=\"width: 51.9083%; height: 69.6875px;\"\u003e65 - 75\u003c\/td\u003e\n\u003ctd style=\"width: 31.3692%; height: 69.6875px;\"\u003e56\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 69.6875px;\"\u003e\n\u003ctd style=\"width: 16.5736%; height: 69.6875px;\"\u003eXL\u003c\/td\u003e\n\u003ctd style=\"width: 51.9083%; height: 69.6875px;\"\u003e75 - 90\u003c\/td\u003e\n\u003ctd style=\"width: 31.3692%; height: 69.6875px;\"\u003e59\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv class=\"flex max-w-full flex-col gap-4 grow\"\u003e\n\u003cdiv data-turn-start-message=\"true\" 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-message-model-slug=\"gpt-5-3\" dir=\"auto\" data-message-id=\"3c33693c-eb4a-4e11-ac06-84f98d51aaec\" data-message-author-role=\"assistant\" 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 dark markdown-new-styling\"\u003e\n\u003ch4 data-end=\"20\" data-start=\"0\" style=\"text-align: center;\"\u003e\u003cstrong\u003e\u003cbr\u003eShirt length: 74 cm\u003c\/strong\u003e\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eAll measurements are taken flat. For best fit, measure a similar garment you own.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-specs\"\u003e\n\u003ch3\u003eModel Specifications\u003c\/h3\u003e\n\u003ctable class=\"model-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003cth\u003eWeight\u003c\/th\u003e\n\u003cth\u003eWearing Size\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e167cm\u003c\/td\u003e\n\u003ctd\u003e60 kg\u003c\/td\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eModel wears size S for a comfortable, relaxed fit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-specs\"\u003e\n\u003cdiv class=\"spec\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"M","offer_id":55589232312393,"sku":null,"price":750.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":55589232345161,"sku":null,"price":750.0,"currency_code":"EGP","in_stock":true},{"title":"Xl","offer_id":55628125569097,"sku":null,"price":750.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_1647.webp?v=1776607655"},{"product_id":"pure-linen-shirt-moss-green","title":"Pure linen shirt-Moss Green","description":"\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from {\n                width: 0;\n            }\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes float {\n            0% {\n                transform: translateY(0px);\n            }\n            50% {\n                transform: translateY(-10px);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n\n        \/* Hero Section - Modified with white background and black text *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n        \n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Content Container *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto 100px;\n            padding: 0 60px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin-bottom: 60px;\n            opacity: 0;\n            animation: rotateIn 1s forwards;\n            transition: var(--transition-medium);\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 10px 10px 0 var(--black);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n        \n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 8px 15px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(5deg);\n        }\n\n        \/* Product Title *\/\n        .linen-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Description Text *\/\n        .description {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            line-height: 1.8;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 0.8s;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n        \n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n        \n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n        \n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 40px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.4s;\n        }\n        \n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 24px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n        }\n        \n        .size-table th, .size-table td {\n            padding: 18px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n            font-size: 16px;\n        }\n        \n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 400;\n        }\n        \n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Model Info Styling *\/\n        .model-info {\n            text-align: center;\n            margin-top: 35px;\n            padding: 25px;\n            background-color: rgba(0, 0, 0, 0.03);\n            border-radius: 8px;\n        }\n        \n        .model-info h4 {\n            font-family: var(--font-title);\n            font-size: 20px;\n            font-weight: 400;\n            color: var(--black);\n            margin-bottom: 15px;\n            letter-spacing: 1px;\n        }\n        \n        .model-info p {\n            font-size: 15px;\n            color: var(--medium-gray);\n            margin: 8px 0;\n        }\n        \n        .model-stats {\n            display: flex;\n            justify-content: center;\n            gap: 30px;\n            flex-wrap: wrap;\n            margin-top: 15px;\n        }\n        \n        .model-stat {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n        \n        .model-stat span {\n            font-weight: 300;\n            color: var(--medium-gray);\n            font-size: 14px;\n            margin-bottom: 5px;\n        }\n        \n        .model-stat strong {\n            font-weight: 500;\n            color: var(--black);\n            font-size: 16px;\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.6s;\n        }\n        \n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n        \n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n        \n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Highlight Text *\/\n        .highlight {\n            font-weight: 500;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n            \n            .container {\n                padding: 0 20px;\n            }\n            \n            .product-card {\n                padding: 30px 20px;\n            }\n            \n            .linen-title {\n                font-size: 28px;\n            }\n            \n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .spec {\n                min-width: 100%;\n            }\n            \n            .model-stats {\n                gap: 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n            \n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n            \n            .linen-title {\n                font-size: 24px;\n            }\n            \n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n            \n            .model-info h4 {\n                font-size: 18px;\n            }\n            \n            .model-stat span, .model-stat strong {\n                font-size: 14px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"quality-badge\"\u003ePremium Quality\u003c\/div\u003e\n\u003ch2 style=\"margin-top: 20px; margin-bottom: 50px;\" class=\"linen-title\"\u003eLinen Collection\u003c\/h2\u003e\n\u003cdiv class=\"description\"\u003eOur pure linen shirts embody \u003cspan class=\"highlight\"\u003e elegance and natural comfort\u003c\/span\u003e for the discerning woman. each piece celebrates the timeless beauty of linen while prioritizing your comfort in any climate.\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature\"\u003ePremium flax fibers for ultimate comfort\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eVersatile 73 cm length for various styling options\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eBreathable fabric perfect for any climate\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eDistinctive texture that improves with age\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eSustainable luxury that never compromises on quality\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eBust (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\/L\u003c\/td\u003e\n\u003ctd\u003e56\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\/2XL\u003c\/td\u003e\n\u003ctd\u003e58\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch4 data-end=\"20\" data-start=\"0\" style=\"text-align: center;\"\u003e\u003cstrong\u003e\u003cbr\u003elinen shirt length: 72cm\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 14px; color: var(--medium-gray);\"\u003e\u003cbr\u003eOur thoughtful sizing accommodates a range of body types\u003c\/p\u003e\n\u003cdiv class=\"model-info\"\u003e\n\u003ch4\u003eModel Information\u003c\/h4\u003e\n\u003cdiv class=\"model-stats\"\u003e\n\u003cdiv class=\"model-stat\"\u003e\n\u003cspan\u003eHeight\u003c\/span\u003e \u003cstrong\u003e162 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-stat\"\u003e\n\u003cspan\u003eWeight\u003c\/span\u003e \u003cstrong\u003e60 kg\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-stat\"\u003e\n\u003cspan\u003eWearing Size\u003c\/span\u003e \u003cstrong\u003eM\/L\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-specs\"\u003e\n\u003cdiv class=\"spec\"\u003e\n\u003ch3\u003eMaterial\u003c\/h3\u003e\n\u003cp\u003ePure Linen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec\"\u003e\n\u003ch3\u003eLength\u003c\/h3\u003e\n\u003cp\u003e73 cm\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec\"\u003e\n\u003ch3\u003eStyle\u003c\/h3\u003e\n\u003cp\u003eRelaxed Fit\u003cspan style=\"display: block; overflow: hidden; white-space: nowrap; width: 100%; animation: lineGrow 3s steps(8) 1s forwards;\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"S_M \/ Linen","offer_id":54440261779529,"sku":"","price":550.0,"currency_code":"EGP","in_stock":true},{"title":"L\/XL \/ Linen","offer_id":55627930107977,"sku":null,"price":550.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_1789.webp?v=1776089646"},{"product_id":"pure-linen-shirt-beige","title":"Pure linen shirt-Beige","description":"\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from {\n                width: 0;\n            }\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes float {\n            0% {\n                transform: translateY(0px);\n            }\n            50% {\n                transform: translateY(-10px);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n\n        \/* Hero Section - Modified with white background and black text *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n        \n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Content Container *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto 100px;\n            padding: 0 60px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin-bottom: 60px;\n            opacity: 0;\n            animation: rotateIn 1s forwards;\n            transition: var(--transition-medium);\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 10px 10px 0 var(--black);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n        \n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 8px 15px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(5deg);\n        }\n\n        \/* Product Title *\/\n        .linen-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Description Text *\/\n        .description {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            line-height: 1.8;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 0.8s;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n        \n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n        \n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n        \n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 40px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.4s;\n        }\n        \n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 24px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n        }\n        \n        .size-table th, .size-table td {\n            padding: 18px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n            font-size: 16px;\n        }\n        \n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 400;\n        }\n        \n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Model Info Styling *\/\n        .model-info {\n            text-align: center;\n            margin-top: 35px;\n            padding: 25px;\n            background-color: rgba(0, 0, 0, 0.03);\n            border-radius: 8px;\n        }\n        \n        .model-info h4 {\n            font-family: var(--font-title);\n            font-size: 20px;\n            font-weight: 400;\n            color: var(--black);\n            margin-bottom: 15px;\n            letter-spacing: 1px;\n        }\n        \n        .model-info p {\n            font-size: 15px;\n            color: var(--medium-gray);\n            margin: 8px 0;\n        }\n        \n        .model-stats {\n            display: flex;\n            justify-content: center;\n            gap: 30px;\n            flex-wrap: wrap;\n            margin-top: 15px;\n        }\n        \n        .model-stat {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n        \n        .model-stat span {\n            font-weight: 300;\n            color: var(--medium-gray);\n            font-size: 14px;\n            margin-bottom: 5px;\n        }\n        \n        .model-stat strong {\n            font-weight: 500;\n            color: var(--black);\n            font-size: 16px;\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.6s;\n        }\n        \n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n        \n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n        \n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Highlight Text *\/\n        .highlight {\n            font-weight: 500;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n            \n            .container {\n                padding: 0 20px;\n            }\n            \n            .product-card {\n                padding: 30px 20px;\n            }\n            \n            .linen-title {\n                font-size: 28px;\n            }\n            \n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .spec {\n                min-width: 100%;\n            }\n            \n            .model-stats {\n                gap: 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n            \n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n            \n            .linen-title {\n                font-size: 24px;\n            }\n            \n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n            \n            .model-info h4 {\n                font-size: 18px;\n            }\n            \n            .model-stat span, .model-stat strong {\n                font-size: 14px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"quality-badge\"\u003ePremium Quality\u003c\/div\u003e\n\u003ch2 class=\"linen-title\" style=\"margin-top: 20px; margin-bottom: 50px;\"\u003eLinen Collection\u003c\/h2\u003e\n\u003cdiv class=\"description\"\u003eOur pure linen shirts embody \u003cspan class=\"highlight\"\u003e elegance and natural comfort\u003c\/span\u003e for the discerning woman. each piece celebrates the timeless beauty of linen while prioritizing your comfort in any climate.\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature\"\u003ePremium flax fibers for ultimate comfort\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eVersatile 73 cm length for various styling options\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eBreathable fabric perfect for any climate\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eDistinctive texture that improves with age\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eSustainable luxury that never compromises on quality\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eBust (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\/L\u003c\/td\u003e\n\u003ctd\u003e56\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\/2XL\u003c\/td\u003e\n\u003ctd\u003e58\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch4 style=\"text-align: center;\" data-start=\"0\" data-end=\"20\"\u003e\u003cstrong\u003e\u003cbr\u003elinen shirt length: 72cm\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 14px; color: var(--medium-gray);\"\u003e\u003cbr\u003eOur thoughtful sizing accommodates a range of body types\u003c\/p\u003e\n\u003cdiv class=\"model-info\"\u003e\n\u003ch4\u003eModel Information\u003c\/h4\u003e\n\u003cdiv class=\"model-stats\"\u003e\n\u003cdiv class=\"model-stat\"\u003e\n\u003cspan\u003eHeight\u003c\/span\u003e \u003cstrong\u003e162 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-stat\"\u003e\n\u003cspan\u003eWeight\u003c\/span\u003e \u003cstrong\u003e60 kg\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-stat\"\u003e\n\u003cspan\u003eWearing Size\u003c\/span\u003e \u003cstrong\u003eM\/L\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-specs\"\u003e\n\u003cdiv class=\"spec\"\u003e\n\u003ch3\u003eMaterial\u003c\/h3\u003e\n\u003cp\u003ePure Linen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec\"\u003e\n\u003ch3\u003eLength\u003c\/h3\u003e\n\u003cp\u003e73 cm\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec\"\u003e\n\u003ch3\u003eStyle\u003c\/h3\u003e\n\u003cp\u003eRelaxed Fit\u003cspan style=\"display: block; overflow: hidden; white-space: nowrap; width: 100%; animation: lineGrow 3s steps(8) 1s forwards;\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"S_M \/ Linen","offer_id":54440262139977,"sku":"","price":550.0,"currency_code":"EGP","in_stock":true},{"title":"L\/XL \/ Linen","offer_id":55627930140745,"sku":null,"price":550.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_0134.heic?v=1783537796"},{"product_id":"linen-pants-moss-green","title":"Linen Pants-Moss Green","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from {\n                width: 0;\n            }\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes float {\n            0% {\n                transform: translateY(0px);\n            }\n            50% {\n                transform: translateY(-10px);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n\n        \/* Hero Section - MODIFIED: white background with black text *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n        \n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Container for better spacing *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 20px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin: 50px auto;\n            opacity: 1;\n            transition: var(--transition-medium);\n            overflow: hidden;\n            border-radius: 10px;\n            max-width: 900px;\n            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n        \n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 10px 20px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(3deg);\n            border-radius: 4px;\n            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);\n        }\n\n        \/* Product Title *\/\n        .linen-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Fix animations to be visible immediately *\/\n        .description {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .fabric-visual {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .feature-list {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .size-chart {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .product-specs {\n            opacity: 1;\n            animation: none;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n        \n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n        \n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n        \n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 40px;\n            margin: 50px 0;\n            border-radius: 8px;\n        }\n        \n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 24px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n        }\n        \n        .size-table th, .size-table td {\n            padding: 18px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n            font-size: 16px;\n        }\n        \n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 400;\n        }\n        \n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Model Info Styling *\/\n        .model-info {\n            text-align: center;\n            margin-top: 35px;\n            padding: 25px;\n            background-color: rgba(0, 0, 0, 0.03);\n            border-radius: 8px;\n        }\n        \n        .model-info h4 {\n            font-family: var(--font-title);\n            font-size: 20px;\n            font-weight: 400;\n            color: var(--black);\n            margin-bottom: 15px;\n            letter-spacing: 1px;\n        }\n        \n        .model-info p {\n            font-size: 15px;\n            color: var(--medium-gray);\n            margin: 8px 0;\n        }\n        \n        .model-stats {\n            display: flex;\n            justify-content: center;\n            gap: 30px;\n            flex-wrap: wrap;\n            margin-top: 15px;\n        }\n        \n        .model-stat {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n        \n        .model-stat span {\n            font-weight: 300;\n            color: var(--medium-gray);\n            font-size: 14px;\n            margin-bottom: 5px;\n        }\n        \n        .model-stat strong {\n            font-weight: 500;\n            color: var(--black);\n            font-size: 16px;\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.6s;\n        }\n        \n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n        \n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n        \n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Highlight Text *\/\n        .highlight {\n            font-weight: 500;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n            \n            .container {\n                padding: 0 20px;\n            }\n            \n            .product-card {\n                padding: 30px 20px;\n            }\n            \n            .linen-title {\n                font-size: 28px;\n            }\n            \n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .spec {\n                min-width: 100%;\n            }\n            \n            .model-stats {\n                gap: 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n            \n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n            \n            .linen-title {\n                font-size: 24px;\n            }\n            \n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n            \n            .model-info h4 {\n                font-size: 18px;\n            }\n            \n            .model-stat span, .model-stat strong {\n                font-size: 14px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"quality-badge\"\u003ePremium Quality\u003c\/div\u003e\n\u003ch2 style=\"margin-top: 20px; margin-bottom: 50px;\" class=\"linen-title\"\u003eLuxury Linen Pants\u003c\/h2\u003e\n\u003cdiv class=\"description\"\u003eDiscover the perfect balance of \u003cspan class=\"highlight\"\u003eelegance and ease\u003c\/span\u003e with our signature linen pants. Each pair is meticulously crafted from the finest flax fibers, creating a lightweight garment that moves with gentle fluidity while maintaining a polished silhouette.\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature\"\u003eMeticulously crafted from the finest flax fibers\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eComfortable waist with graceful leg silhouette\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eBreathable fabric that adapts to your environment\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eEach laundering softens the fabric for personalized comfort\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eVersatile design for professional settings or weekend escapes\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eWeight Range (kg)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e45 - 65\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e65 - 75\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e75 - 90\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch4 data-end=\"20\" data-start=\"0\" style=\"text-align: center;\"\u003e\u003cstrong\u003e\u003cbr\u003eLinen Pants length: 110cm\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 14px; color: var(--medium-gray);\"\u003eOur thoughtful sizing ensures a flattering fit for every woman\u003c\/p\u003e\n\u003cdiv class=\"model-info\"\u003e\n\u003ch4\u003eModel Information\u003c\/h4\u003e\n\u003cdiv class=\"model-stats\"\u003e\n\u003cdiv class=\"model-stat\"\u003e\n\u003cspan\u003eHeight\u003c\/span\u003e \u003cstrong\u003e160 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-stat\"\u003e\n\u003cspan\u003eWeight\u003c\/span\u003e \u003cstrong\u003e60kg\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-stat\"\u003e\n\u003cspan\u003eWearing Size\u003c\/span\u003e \u003cstrong\u003eM\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-specs\"\u003e\n\u003cdiv class=\"spec\"\u003e\n\u003ch3\u003eMaterial\u003c\/h3\u003e\n\u003cp\u003eLinen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec\"\u003e\n\u003ch3\u003eDesign\u003c\/h3\u003e\n\u003cp\u003eSilhouette\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec\"\u003e\n\u003ch3\u003eStyle\u003c\/h3\u003e\n\u003cp\u003eRelaxed Fit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"description\"\u003e\n\u003cbr\u003e\u003cspan style=\"display: block; overflow: hidden; white-space: nowrap; width: 100%; animation: lineGrow 3s steps(8) 1s forwards;\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"M \/ Linen","offer_id":54471531429961,"sku":null,"price":599.0,"currency_code":"EGP","in_stock":true},{"title":"L \/ Linen","offer_id":55549216817225,"sku":null,"price":599.0,"currency_code":"EGP","in_stock":true},{"title":"Xl \/ Linen","offer_id":55549216849993,"sku":null,"price":599.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/1G5A9818.webp?v=1746544510"},{"product_id":"linen-pants-black","title":"Linen Pants-Brown","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from {\n                width: 0;\n            }\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes float {\n            0% {\n                transform: translateY(0px);\n            }\n            50% {\n                transform: translateY(-10px);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n\n        \/* Hero Section - MODIFIED: white background with black text *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n        \n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Container for better spacing *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 20px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin: 50px auto;\n            opacity: 1;\n            transition: var(--transition-medium);\n            overflow: hidden;\n            border-radius: 10px;\n            max-width: 900px;\n            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n        \n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 10px 20px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(3deg);\n            border-radius: 4px;\n            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);\n        }\n\n        \/* Product Title *\/\n        .linen-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Fix animations to be visible immediately *\/\n        .description {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .fabric-visual {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .feature-list {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .size-chart {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .product-specs {\n            opacity: 1;\n            animation: none;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n        \n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n        \n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n        \n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 40px;\n            margin: 50px 0;\n            border-radius: 8px;\n        }\n        \n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 24px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n        }\n        \n        .size-table th, .size-table td {\n            padding: 18px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n            font-size: 16px;\n        }\n        \n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 400;\n        }\n        \n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Model Info Styling *\/\n        .model-info {\n            text-align: center;\n            margin-top: 35px;\n            padding: 25px;\n            background-color: rgba(0, 0, 0, 0.03);\n            border-radius: 8px;\n        }\n        \n        .model-info h4 {\n            font-family: var(--font-title);\n            font-size: 20px;\n            font-weight: 400;\n            color: var(--black);\n            margin-bottom: 15px;\n            letter-spacing: 1px;\n        }\n        \n        .model-info p {\n            font-size: 15px;\n            color: var(--medium-gray);\n            margin: 8px 0;\n        }\n        \n        .model-stats {\n            display: flex;\n            justify-content: center;\n            gap: 30px;\n            flex-wrap: wrap;\n            margin-top: 15px;\n        }\n        \n        .model-stat {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n        \n        .model-stat span {\n            font-weight: 300;\n            color: var(--medium-gray);\n            font-size: 14px;\n            margin-bottom: 5px;\n        }\n        \n        .model-stat strong {\n            font-weight: 500;\n            color: var(--black);\n            font-size: 16px;\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.6s;\n        }\n        \n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n        \n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n        \n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Highlight Text *\/\n        .highlight {\n            font-weight: 500;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n            \n            .container {\n                padding: 0 20px;\n            }\n            \n            .product-card {\n                padding: 30px 20px;\n            }\n            \n            .linen-title {\n                font-size: 28px;\n            }\n            \n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .spec {\n                min-width: 100%;\n            }\n            \n            .model-stats {\n                gap: 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n            \n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n            \n            .linen-title {\n                font-size: 24px;\n            }\n            \n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n            \n            .model-info h4 {\n                font-size: 18px;\n            }\n            \n            .model-stat span, .model-stat strong {\n                font-size: 14px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"quality-badge\"\u003ePremium Quality\u003c\/div\u003e\n\u003ch2 class=\"linen-title\" style=\"margin-top: 20px; margin-bottom: 50px;\"\u003eLuxury Linen Pants\u003c\/h2\u003e\n\u003cdiv class=\"description\"\u003eDiscover the perfect balance of \u003cspan class=\"highlight\"\u003eelegance and ease\u003c\/span\u003e with our signature linen pants. Each pair is meticulously crafted from the finest flax fibers, creating a lightweight garment that moves with gentle fluidity while maintaining a polished silhouette.\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature\"\u003eMeticulously crafted from the finest flax fibers\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eComfortable waist with graceful leg silhouette\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eBreathable fabric that adapts to your environment\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eEach laundering softens the fabric for personalized comfort\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eVersatile design for professional settings or weekend escapes\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eWeight Range (kg)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e45 - 65\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e65 - 75\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e75 - 90\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch4 style=\"text-align: center;\" data-start=\"0\" data-end=\"20\"\u003e\u003cstrong\u003e\u003cbr\u003eLinen Pants length: 110cm\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 14px; color: var(--medium-gray);\"\u003eOur thoughtful sizing ensures a flattering fit for every woman\u003c\/p\u003e\n\u003cdiv class=\"model-info\"\u003e\n\u003ch4\u003eModel Information\u003c\/h4\u003e\n\u003cdiv class=\"model-stats\"\u003e\n\u003cdiv class=\"model-stat\"\u003e\n\u003cspan\u003eHeight\u003c\/span\u003e \u003cstrong\u003e165 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-stat\"\u003e\n\u003cspan\u003eWeight\u003c\/span\u003e \u003cstrong\u003e67kg\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-stat\"\u003e\n\u003cspan\u003eWearing Size\u003c\/span\u003e \u003cstrong\u003eM\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-specs\"\u003e\n\u003cdiv class=\"spec\"\u003e\n\u003ch3\u003eMaterial\u003c\/h3\u003e\n\u003cp\u003eLinen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec\"\u003e\n\u003ch3\u003eDesign\u003c\/h3\u003e\n\u003cp\u003eSilhouette\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec\"\u003e\n\u003ch3\u003eStyle\u003c\/h3\u003e\n\u003cp\u003eRelaxed Fit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"description\"\u003e\n\u003cbr\u003e\u003cspan style=\"display: block; overflow: hidden; white-space: nowrap; width: 100%; animation: lineGrow 3s steps(8) 1s forwards;\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"M \/ Linen","offer_id":54471531397193,"sku":null,"price":599.0,"currency_code":"EGP","in_stock":true},{"title":"L \/ Linen","offer_id":55549216653385,"sku":null,"price":599.0,"currency_code":"EGP","in_stock":true},{"title":"XL \/ Linen","offer_id":55549216686153,"sku":null,"price":599.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_0141.heic?v=1783537921"},{"product_id":"linen-pants-biege","title":"Linen Pants-Biege","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from {\n                width: 0;\n            }\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes float {\n            0% {\n                transform: translateY(0px);\n            }\n            50% {\n                transform: translateY(-10px);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n\n        \/* Hero Section - MODIFIED: white background with black text *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n        \n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Container for better spacing *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 20px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin: 50px auto;\n            opacity: 1;\n            transition: var(--transition-medium);\n            overflow: hidden;\n            border-radius: 10px;\n            max-width: 900px;\n            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n        \n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 10px 20px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(3deg);\n            border-radius: 4px;\n            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);\n        }\n\n        \/* Product Title *\/\n        .linen-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Fix animations to be visible immediately *\/\n        .description {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .fabric-visual {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .feature-list {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .size-chart {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .product-specs {\n            opacity: 1;\n            animation: none;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n        \n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n        \n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n        \n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 40px;\n            margin: 50px 0;\n            border-radius: 8px;\n        }\n        \n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 24px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n        }\n        \n        .size-table th, .size-table td {\n            padding: 18px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n            font-size: 16px;\n        }\n        \n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 400;\n        }\n        \n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Model Info Styling *\/\n        .model-info {\n            text-align: center;\n            margin-top: 35px;\n            padding: 25px;\n            background-color: rgba(0, 0, 0, 0.03);\n            border-radius: 8px;\n        }\n        \n        .model-info h4 {\n            font-family: var(--font-title);\n            font-size: 20px;\n            font-weight: 400;\n            color: var(--black);\n            margin-bottom: 15px;\n            letter-spacing: 1px;\n        }\n        \n        .model-info p {\n            font-size: 15px;\n            color: var(--medium-gray);\n            margin: 8px 0;\n        }\n        \n        .model-stats {\n            display: flex;\n            justify-content: center;\n            gap: 30px;\n            flex-wrap: wrap;\n            margin-top: 15px;\n        }\n        \n        .model-stat {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n        \n        .model-stat span {\n            font-weight: 300;\n            color: var(--medium-gray);\n            font-size: 14px;\n            margin-bottom: 5px;\n        }\n        \n        .model-stat strong {\n            font-weight: 500;\n            color: var(--black);\n            font-size: 16px;\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.6s;\n        }\n        \n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n        \n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n        \n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Highlight Text *\/\n        .highlight {\n            font-weight: 500;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n            \n            .container {\n                padding: 0 20px;\n            }\n            \n            .product-card {\n                padding: 30px 20px;\n            }\n            \n            .linen-title {\n                font-size: 28px;\n            }\n            \n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .spec {\n                min-width: 100%;\n            }\n            \n            .model-stats {\n                gap: 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n            \n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n            \n            .linen-title {\n                font-size: 24px;\n            }\n            \n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n            \n            .model-info h4 {\n                font-size: 18px;\n            }\n            \n            .model-stat span, .model-stat strong {\n                font-size: 14px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"quality-badge\"\u003ePremium Quality\u003c\/div\u003e\n\u003ch2 class=\"linen-title\" style=\"margin-top: 20px; margin-bottom: 50px;\"\u003eLuxury Linen Pants\u003c\/h2\u003e\n\u003cdiv class=\"description\"\u003eDiscover the perfect balance of \u003cspan class=\"highlight\"\u003eelegance and ease\u003c\/span\u003e with our signature linen pants. Each pair is meticulously crafted from the finest flax fibers, creating a lightweight garment that moves with gentle fluidity while maintaining a polished silhouette.\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature\"\u003eMeticulously crafted from the finest flax fibers\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eComfortable waist with graceful leg silhouette\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eBreathable fabric that adapts to your environment\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eEach laundering softens the fabric for personalized comfort\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eVersatile design for professional settings or weekend escapes\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eWeight Range (kg)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e45 - 65\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e65 - 75\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e75 - 90\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch4 style=\"text-align: center;\" data-start=\"0\" data-end=\"20\"\u003e\u003cstrong\u003e\u003cbr\u003eLinen Pants length: 110cm\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 14px; color: var(--medium-gray);\"\u003eOur thoughtful sizing ensures a flattering fit for every woman\u003c\/p\u003e\n\u003cdiv class=\"model-info\"\u003e\n\u003ch4\u003eModel Information\u003c\/h4\u003e\n\u003cdiv class=\"model-stats\"\u003e\n\u003cdiv class=\"model-stat\"\u003e\n\u003cspan\u003eHeight\u003c\/span\u003e \u003cstrong\u003e160 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-stat\"\u003e\n\u003cspan\u003eWeight\u003c\/span\u003e \u003cstrong\u003e60kg\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-stat\"\u003e\n\u003cspan\u003eWearing Size\u003c\/span\u003e \u003cstrong\u003eM\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-specs\"\u003e\n\u003cdiv class=\"spec\"\u003e\n\u003ch3\u003eMaterial\u003c\/h3\u003e\n\u003cp\u003eLinen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec\"\u003e\n\u003ch3\u003eDesign\u003c\/h3\u003e\n\u003cp\u003eSilhouette\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec\"\u003e\n\u003ch3\u003eStyle\u003c\/h3\u003e\n\u003cp\u003eRelaxed Fit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"description\"\u003e\n\u003cbr\u003e\u003cspan style=\"display: block; overflow: hidden; white-space: nowrap; width: 100%; animation: lineGrow 3s steps(8) 1s forwards;\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"Xl \/ Linen","offer_id":54587564752969,"sku":null,"price":599.0,"currency_code":"EGP","in_stock":false},{"title":"M \/ Linen","offer_id":55549104062537,"sku":null,"price":599.0,"currency_code":"EGP","in_stock":false},{"title":"L \/ Linen","offer_id":55549104095305,"sku":null,"price":599.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/1G5A9937.webp?v=1746545179"},{"product_id":"سيت-كتان-بيور","title":"Pure Linen Set-Mint green","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;600\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from {\n                width: 0;\n            }\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes float {\n            0% {\n                transform: translateY(0px);\n            }\n            50% {\n                transform: translateY(-10px);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n\n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Hero Section *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n            animation: fadeIn 2s ease-in-out;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n        \n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Content Container *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto 100px;\n            padding: 0 60px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin-bottom: 60px;\n            opacity: 0;\n            animation: rotateIn 1s forwards;\n            transition: var(--transition-medium);\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 10px 10px 0 var(--black);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n        \n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 8px 15px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(5deg);\n        }\n\n        \/* Product Title *\/\n        .cotton-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Description Text *\/\n        .description {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            line-height: 1.8;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 0.8s;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n        \n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n        \n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart - Enhanced Size *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.4s;\n        }\n        \n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .size-table th, .size-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Model Specs - Enhanced Size *\/\n        .model-specs {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.6s;\n        }\n        \n        .model-specs h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .model-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .model-table th, .model-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .model-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .model-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.8s;\n        }\n        \n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n        \n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n        \n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Highlight Text *\/\n        .highlight {\n            font-weight: 500;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n            \n            .container {\n                padding: 0 20px;\n            }\n            \n            .product-card {\n                padding: 30px 20px;\n            }\n            \n            .cotton-title {\n                font-size: 28px;\n            }\n            \n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .spec {\n                min-width: 100%;\n            }\n\n            \/* Responsive adjustments for enlarged sections *\/\n            .size-chart, .model-specs {\n                padding: 40px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 32px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 22px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 25px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 24px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n            \n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n            \n            .cotton-title {\n                font-size: 24px;\n            }\n            \n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n\n            \/* Further responsive adjustments *\/\n            .size-chart, .model-specs {\n                padding: 35px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 28px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 20px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 22px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 22px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"quality-badge\"\u003ePremium Linen\u003c\/div\u003e\n\u003ch2 class=\"cotton-title\"\u003eLinen Set\u003c\/h2\u003e\n\u003cdiv class=\"description\"\u003eA premium \u003cspan class=\"highlight\"\u003elinen set\u003c\/span\u003e consisting of a shirt and pants, designed to give you a coordinated and elegant look. Created from high-quality natural linen fabric, this set offers both comfort and style for various occasions. Perfect for summer days, casual outings, or even semi-formal events.\u003c\/div\u003e\n\u003cdiv class=\"description\"\u003e100% natural linen fabric with a medium weight texture, providing excellent breathability and moisture absorption. The fabric gets softer with each wash while maintaining its structure, perfect for warm weather and layering.\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature\"\u003ePremium linen fabric ensures comfort in various temperatures\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eCoordinated set eliminates the need for matching separate pieces\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eVersatile design suitable for both casual and semi-formal occasions\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eDurable construction with reinforced seams for longevity\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eEasy to mix and match with other items in your wardrobe\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eBust (cm)\u003c\/th\u003e\n\u003cth\u003eShirt Length (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\/L\u003c\/td\u003e\n\u003ctd\u003e58\u003c\/td\u003e\n\u003ctd\u003e75\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\/2XL\u003c\/td\u003e\n\u003ctd\u003e62\u003c\/td\u003e\n\u003ctd\u003e75\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eDesigned with a relaxed fit to ensure comfort and movement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-specs\"\u003e\n\u003ch3\u003eModel Specifications\u003c\/h3\u003e\n\u003ctable class=\"model-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003cth\u003eWeight\u003c\/th\u003e\n\u003cth\u003eWearing Size\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e167cm\u003c\/td\u003e\n\u003ctd\u003e60 kg\u003c\/td\u003e\n\u003ctd\u003eM\/L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eTailored fit designed for comfort and professional appearance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-specs\"\u003e\n\u003cdiv class=\"spec\"\u003e\n\u003ch3\u003eMaterial\u003c\/h3\u003e\n\u003cp\u003e100% Linen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec\"\u003e\n\u003ch3\u003eStyle\u003c\/h3\u003e\n\u003cp\u003eCoordinated Set\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec\"\u003e\n\u003ch3\u003eFit\u003c\/h3\u003e\n\u003cp\u003eRelaxed\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec\"\u003e\n\u003ch3\u003eOccasion\u003c\/h3\u003e\n\u003cp\u003eVersatile\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"S\/M \/ Linen","offer_id":54565312823369,"sku":"","price":700.0,"currency_code":"EGP","in_stock":false},{"title":"L\/XL \/ Linen","offer_id":54565312856137,"sku":"","price":700.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_4090_4_11zon_574f2629-5d95-4ccc-9f81-14a6f061c26d.webp?v=1751306204"},{"product_id":"long-linen-shirt-paisley-print","title":"Long Shirt Linen  - Paisley Print","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;600\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from {\n                width: 0;\n            }\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes float {\n            0% {\n                transform: translateY(0px);\n            }\n            50% {\n                transform: translateY(-10px);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n\n        \/* Hero Section *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n            animation: fadeIn 2s ease-in-out;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n        \n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Content Container *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto 100px;\n            padding: 0 60px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin-bottom: 60px;\n            opacity: 0;\n            animation: rotateIn 1s forwards;\n            transition: var(--transition-medium);\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 10px 10px 0 var(--black);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n        \n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 8px 15px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(5deg);\n        }\n\n        \/* Product Title *\/\n        .cotton-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Description Text *\/\n        .description {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            line-height: 1.8;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 0.8s;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n        \n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n        \n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n        \n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart - Enhanced Size *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.4s;\n        }\n        \n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .size-table th, .size-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Model Specs - Enhanced Size *\/\n        .model-specs {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.6s;\n        }\n        \n        .model-specs h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .model-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .model-table th, .model-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .model-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .model-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.8s;\n        }\n        \n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n        \n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n        \n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Highlight Text *\/\n        .highlight {\n            font-weight: 500;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n            \n            .container {\n                padding: 0 20px;\n            }\n            \n            .product-card {\n                padding: 30px 20px;\n            }\n            \n            .cotton-title {\n                font-size: 28px;\n            }\n            \n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .spec {\n                min-width: 100%;\n            }\n\n            \/* Responsive adjustments for enlarged sections *\/\n            .size-chart, .model-specs {\n                padding: 40px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 32px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 22px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 25px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 24px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n            \n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n            \n            .cotton-title {\n                font-size: 24px;\n            }\n            \n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n\n            \/* Further responsive adjustments *\/\n            .size-chart, .model-specs {\n                padding: 35px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 28px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 20px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 22px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 22px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"quality-badge\"\u003ePremium Linen\u003c\/div\u003e\n\u003ch2 class=\"cotton-title\"\u003eLong Shirt\u003c\/h2\u003e\n\u003cdiv class=\"description\"\u003eCrafted from the finest natural linen fibers, these pieces offer unmatched softness and excellent breathability for all-day comfort.\u003c\/div\u003e\n\u003cdiv class=\"description\"\u003eThe extended length design provides versatile styling options, perfect for layering or wearing as a statement piece.\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature\"\u003eLong Length Design for Versatile Styling\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eNatural Breathability and Moisture-Wicking Properties\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eSoft Hand Feel That Gets Better with Each Wash\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eDurable Construction for Long-Lasting Wear\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eEasy Care and Maintenance\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eWrinkle and Stain Resistant\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003ePerfect for All Seasons\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eBust (cm)\u003c\/th\u003e\n\u003cth\u003eHips (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e56\u003c\/td\u003e\n\u003ctd\u003e62\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e60\u003c\/td\u003e\n\u003ctd\u003e66\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXl\u003c\/td\u003e\n\u003ctd\u003e66\u003c\/td\u003e\n\u003ctd\u003e70\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch4 style=\"text-align: center;\" data-start=\"0\" data-end=\"20\"\u003e\u003cstrong\u003e\u003cbr\u003eLong Shirt length: 133 cm\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eDesigned with a relaxed fit to ensure comfort and movement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-specs\"\u003e\n\u003ch3\u003eModel Specifications\u003c\/h3\u003e\n\u003ctable class=\"model-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003cth\u003eWeight\u003c\/th\u003e\n\u003cth\u003eWearing Size\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e165cm\u003c\/td\u003e\n\u003ctd\u003e60 kg\u003c\/td\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eTailored fit designed for comfort and professional appearance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"M \/ Linen","offer_id":54565325963337,"sku":"","price":850.0,"currency_code":"EGP","in_stock":true},{"title":"L \/ Linen","offer_id":55669936816201,"sku":null,"price":850.0,"currency_code":"EGP","in_stock":true},{"title":"XL \/ Linen","offer_id":55669936848969,"sku":null,"price":850.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_4156_8_11zon_4_11zon.webp?v=1751297374"},{"product_id":"long-linen-shirt-paisley-print-copy","title":"Long Shirt  Linen - Green Paisley Print","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;600\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from {\n                width: 0;\n            }\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes float {\n            0% {\n                transform: translateY(0px);\n            }\n            50% {\n                transform: translateY(-10px);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n\n        \/* Hero Section *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n            animation: fadeIn 2s ease-in-out;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n        \n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Content Container *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto 100px;\n            padding: 0 60px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin-bottom: 60px;\n            opacity: 0;\n            animation: rotateIn 1s forwards;\n            transition: var(--transition-medium);\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 10px 10px 0 var(--black);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n        \n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 8px 15px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(5deg);\n        }\n\n        \/* Product Title *\/\n        .cotton-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Description Text *\/\n        .description {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            line-height: 1.8;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 0.8s;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n        \n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n        \n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n        \n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart - Enhanced Size *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.4s;\n        }\n        \n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .size-table th, .size-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Model Specs - Enhanced Size *\/\n        .model-specs {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.6s;\n        }\n        \n        .model-specs h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .model-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .model-table th, .model-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .model-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .model-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.8s;\n        }\n        \n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n        \n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n        \n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Highlight Text *\/\n        .highlight {\n            font-weight: 500;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n            \n            .container {\n                padding: 0 20px;\n            }\n            \n            .product-card {\n                padding: 30px 20px;\n            }\n            \n            .cotton-title {\n                font-size: 28px;\n            }\n            \n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .spec {\n                min-width: 100%;\n            }\n\n            \/* Responsive adjustments for enlarged sections *\/\n            .size-chart, .model-specs {\n                padding: 40px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 32px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 22px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 25px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 24px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n            \n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n            \n            .cotton-title {\n                font-size: 24px;\n            }\n            \n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n\n            \/* Further responsive adjustments *\/\n            .size-chart, .model-specs {\n                padding: 35px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 28px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 20px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 22px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 22px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"quality-badge\"\u003ePremium Linen\u003c\/div\u003e\n\u003ch2 class=\"cotton-title\"\u003eLong Shirt\u003c\/h2\u003e\n\u003cdiv class=\"description\"\u003eCrafted from the finest natural linen fibers, these pieces offer unmatched softness and excellent breathability for all-day comfort.\u003c\/div\u003e\n\u003cdiv class=\"description\"\u003eThe extended length design provides versatile styling options, perfect for layering or wearing as a statement piece.\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature\"\u003eLong Length Design for Versatile Styling\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eNatural Breathability and Moisture-Wicking Properties\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eSoft Hand Feel That Gets Better with Each Wash\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eDurable Construction for Long-Lasting Wear\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eEasy Care and Maintenance\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eWrinkle and Stain Resistant\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003ePerfect for All Seasons\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eBust (cm)\u003c\/th\u003e\n\u003cth\u003eHips (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e56\u003c\/td\u003e\n\u003ctd\u003e62\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e60\u003c\/td\u003e\n\u003ctd\u003e66\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXl\u003c\/td\u003e\n\u003ctd\u003e66\u003c\/td\u003e\n\u003ctd\u003e70\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch4 style=\"text-align: center;\" data-start=\"0\" data-end=\"20\"\u003e\u003cstrong\u003e\u003cbr\u003eLong Shirt length: 133 cm\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eDesigned with a relaxed fit to ensure comfort and movement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-specs\"\u003e\n\u003ch3\u003eModel Specifications\u003c\/h3\u003e\n\u003ctable class=\"model-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003cth\u003eWeight\u003c\/th\u003e\n\u003cth\u003eWearing Size\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e165cm\u003c\/td\u003e\n\u003ctd\u003e60 kg\u003c\/td\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eTailored fit designed for comfort and professional appearance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"M \/ Linen","offer_id":54565323112521,"sku":null,"price":850.0,"currency_code":"EGP","in_stock":true},{"title":"L \/ Linen","offer_id":55669937569865,"sku":null,"price":850.0,"currency_code":"EGP","in_stock":true},{"title":"Xl \/ Linen","offer_id":55669937602633,"sku":null,"price":850.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_4103_4_11zon.webp?v=1751306054"},{"product_id":"long-shirt-turkish-denim","title":"Long Shirt Turkish Denim - light","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;600\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from {\n                width: 0;\n            }\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes float {\n            0% {\n                transform: translateY(0px);\n            }\n            50% {\n                transform: translateY(-10px);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n\n        \/* Hero Section *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n            animation: fadeIn 2s ease-in-out;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n        \n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Content Container *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto 100px;\n            padding: 0 60px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin-bottom: 60px;\n            opacity: 0;\n            animation: rotateIn 1s forwards;\n            transition: var(--transition-medium);\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 10px 10px 0 var(--black);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n        \n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 8px 15px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(5deg);\n        }\n\n        \/* Product Title *\/\n        .cotton-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Description Text *\/\n        .description {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            line-height: 1.8;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 0.8s;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n        \n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n        \n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n        \n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart - Enhanced Size *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.4s;\n        }\n        \n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .size-table th, .size-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Model Specs - Enhanced Size *\/\n        .model-specs {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.6s;\n        }\n        \n        .model-specs h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .model-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .model-table th, .model-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .model-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .model-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.8s;\n        }\n        \n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n        \n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n        \n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Highlight Text *\/\n        .highlight {\n            font-weight: 500;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n            \n            .container {\n                padding: 0 20px;\n            }\n            \n            .product-card {\n                padding: 30px 20px;\n            }\n            \n            .cotton-title {\n                font-size: 28px;\n            }\n            \n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .spec {\n                min-width: 100%;\n            }\n\n            \/* Responsive adjustments for enlarged sections *\/\n            .size-chart, .model-specs {\n                padding: 40px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 32px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 22px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 25px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 24px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n            \n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n            \n            .cotton-title {\n                font-size: 24px;\n            }\n            \n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n\n            \/* Further responsive adjustments *\/\n            .size-chart, .model-specs {\n                padding: 35px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 28px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 20px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 22px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 22px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"quality-badge\"\u003ePremium Linen\u003c\/div\u003e\n\u003ch2 class=\"cotton-title\"\u003eLong Shirt\u003c\/h2\u003e\n\u003cdiv class=\"description\"\u003eCrafted from the finest natural linen fibers, these pieces offer unmatched softness and excellent breathability for all-day comfort.\u003c\/div\u003e\n\u003cdiv class=\"description\"\u003eThe extended length design provides versatile styling options, perfect for layering or wearing as a statement piece.\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature\"\u003eLong Length Design for Versatile Styling\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eNatural Breathability and Moisture-Wicking Properties\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eSoft Hand Feel That Gets Better with Each Wash\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eDurable Construction for Long-Lasting Wear\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eEasy Care and Maintenance\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eWrinkle and Stain Resistant\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003ePerfect for All Seasons\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\" style=\"width: 99.9107%;\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth style=\"width: 26.3362%;\"\u003eSize\u003c\/th\u003e\n\u003cth style=\"width: 36.817%;\"\u003eBust (cm)\u003c\/th\u003e\n\u003cth style=\"width: 36.817%;\"\u003eHips (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 26.3362%;\"\u003eM\u003c\/td\u003e\n\u003ctd style=\"width: 36.817%;\"\u003e56\u003c\/td\u003e\n\u003ctd style=\"width: 36.817%;\"\u003e62\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 26.3362%;\"\u003eL\u003c\/td\u003e\n\u003ctd style=\"width: 36.817%;\"\u003e60\u003c\/td\u003e\n\u003ctd style=\"width: 36.817%;\"\u003e66\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 26.3362%;\"\u003eXl\u003c\/td\u003e\n\u003ctd style=\"width: 36.817%;\"\u003e66\u003c\/td\u003e\n\u003ctd style=\"width: 36.817%;\"\u003e70\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 26.3362%;\"\u003e2XL\u003c\/td\u003e\n\u003ctd style=\"width: 36.817%;\"\u003e70\u003c\/td\u003e\n\u003ctd style=\"width: 36.817%;\"\u003e76\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv class=\"flex max-w-full flex-col gap-4 grow\"\u003e\n\u003cdiv data-turn-start-message=\"true\" 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-message-model-slug=\"gpt-5-3\" dir=\"auto\" data-message-id=\"3c33693c-eb4a-4e11-ac06-84f98d51aaec\" data-message-author-role=\"assistant\" 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 dark markdown-new-styling\"\u003e\n\u003ch4 data-end=\"20\" data-start=\"0\" style=\"text-align: center;\"\u003e\n\u003cstrong\u003e\u003cbr\u003eLong Shirt length: 137 cm\u003cbr\u003e\u003c\/strong\u003eDesigned with a relaxed fit to ensure comfort and movement\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-specs\"\u003e\n\u003ch3\u003eModel Specifications\u003c\/h3\u003e\n\u003ctable class=\"model-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003cth\u003eWeight\u003c\/th\u003e\n\u003cth\u003eWearing Size\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e165\u003c\/td\u003e\n\u003ctd\u003e60kg\u003c\/td\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eTailored fit designed for comfort and professional appearance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"M \/ Denim","offer_id":54565473484873,"sku":null,"price":1350.0,"currency_code":"EGP","in_stock":true},{"title":"L \/ Denim","offer_id":54587984117833,"sku":null,"price":1350.0,"currency_code":"EGP","in_stock":false},{"title":"Xl \/ Denim","offer_id":55573015461961,"sku":null,"price":1350.0,"currency_code":"EGP","in_stock":true},{"title":"2XL \/ Denim","offer_id":55630200078409,"sku":null,"price":1350.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_4235_2_11zon.webp?v=1751296045"},{"product_id":"long-shirt-linen-paisley-print-copy","title":"Long Shirt Linen - Boho Breeze","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;600\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from {\n                width: 0;\n            }\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes float {\n            0% {\n                transform: translateY(0px);\n            }\n            50% {\n                transform: translateY(-10px);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n\n        \/* Hero Section *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n            animation: fadeIn 2s ease-in-out;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n        \n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Content Container *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto 100px;\n            padding: 0 60px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin-bottom: 60px;\n            opacity: 0;\n            animation: rotateIn 1s forwards;\n            transition: var(--transition-medium);\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 10px 10px 0 var(--black);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n        \n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 8px 15px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(5deg);\n        }\n\n        \/* Product Title *\/\n        .cotton-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Description Text *\/\n        .description {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            line-height: 1.8;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 0.8s;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n        \n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n        \n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n        \n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart - Enhanced Size *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.4s;\n        }\n        \n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .size-table th, .size-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Model Specs - Enhanced Size *\/\n        .model-specs {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.6s;\n        }\n        \n        .model-specs h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .model-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .model-table th, .model-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .model-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .model-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.8s;\n        }\n        \n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n        \n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n        \n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Highlight Text *\/\n        .highlight {\n            font-weight: 500;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n            \n            .container {\n                padding: 0 20px;\n            }\n            \n            .product-card {\n                padding: 30px 20px;\n            }\n            \n            .cotton-title {\n                font-size: 28px;\n            }\n            \n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .spec {\n                min-width: 100%;\n            }\n\n            \/* Responsive adjustments for enlarged sections *\/\n            .size-chart, .model-specs {\n                padding: 40px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 32px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 22px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 25px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 24px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n            \n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n            \n            .cotton-title {\n                font-size: 24px;\n            }\n            \n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n\n            \/* Further responsive adjustments *\/\n            .size-chart, .model-specs {\n                padding: 35px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 28px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 20px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 22px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 22px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"quality-badge\"\u003ePremium Linen\u003c\/div\u003e\n\u003ch2 class=\"cotton-title\"\u003eLong Shirt\u003c\/h2\u003e\n\u003cdiv class=\"description\"\u003eCrafted from the finest natural linen fibers, these pieces offer unmatched softness and excellent breathability for all-day comfort.\u003c\/div\u003e\n\u003cdiv class=\"description\"\u003eThe extended length design provides versatile styling options, perfect for layering or wearing as a statement piece.\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature\"\u003eLong Length Design for Versatile Styling\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eNatural Breathability and Moisture-Wicking Properties\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eSoft Hand Feel That Gets Better with Each Wash\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eDurable Construction for Long-Lasting Wear\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eEasy Care and Maintenance\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eWrinkle and Stain Resistant\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003ePerfect for All Seasons\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eBust (cm)\u003c\/th\u003e\n\u003cth\u003eHips (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e56\u003c\/td\u003e\n\u003ctd\u003e62\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e60\u003c\/td\u003e\n\u003ctd\u003e66\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXl\u003c\/td\u003e\n\u003ctd\u003e66\u003c\/td\u003e\n\u003ctd\u003e70\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch4 data-end=\"20\" data-start=\"0\" style=\"text-align: center;\"\u003e\u003cstrong\u003e\u003cbr\u003eLong Shirt length: 133 cm\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eDesigned with a relaxed fit to ensure comfort and movement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-specs\"\u003e\n\u003ch3\u003eModel Specifications\u003c\/h3\u003e\n\u003ctable class=\"model-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003cth\u003eWeight\u003c\/th\u003e\n\u003cth\u003eWearing Size\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e165cm\u003c\/td\u003e\n\u003ctd\u003e60 kg\u003c\/td\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eTailored fit designed for comfort and professional appearance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"M \/ Linen","offer_id":54565478858825,"sku":null,"price":850.0,"currency_code":"EGP","in_stock":true},{"title":"L \/ Linen","offer_id":54588982329417,"sku":null,"price":850.0,"currency_code":"EGP","in_stock":true},{"title":"Xl \/ Linen","offer_id":55669936652361,"sku":null,"price":850.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_4141_1_11zon.webp?v=1751297374"},{"product_id":"long-shirt-linen-boho-breeze-copy","title":"Long Shirt Linen-Boho Luxe Paisley","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;600\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from {\n                width: 0;\n            }\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes float {\n            0% {\n                transform: translateY(0px);\n            }\n            50% {\n                transform: translateY(-10px);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n\n        \/* Hero Section *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n            animation: fadeIn 2s ease-in-out;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n        \n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Content Container *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto 100px;\n            padding: 0 60px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin-bottom: 60px;\n            opacity: 0;\n            animation: rotateIn 1s forwards;\n            transition: var(--transition-medium);\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 10px 10px 0 var(--black);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n        \n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 8px 15px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(5deg);\n        }\n\n        \/* Product Title *\/\n        .cotton-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Description Text *\/\n        .description {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            line-height: 1.8;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 0.8s;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n        \n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n        \n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n        \n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart - Enhanced Size *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.4s;\n        }\n        \n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .size-table th, .size-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Model Specs - Enhanced Size *\/\n        .model-specs {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.6s;\n        }\n        \n        .model-specs h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .model-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .model-table th, .model-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .model-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .model-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.8s;\n        }\n        \n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n        \n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n        \n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Highlight Text *\/\n        .highlight {\n            font-weight: 500;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n            \n            .container {\n                padding: 0 20px;\n            }\n            \n            .product-card {\n                padding: 30px 20px;\n            }\n            \n            .cotton-title {\n                font-size: 28px;\n            }\n            \n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .spec {\n                min-width: 100%;\n            }\n\n            \/* Responsive adjustments for enlarged sections *\/\n            .size-chart, .model-specs {\n                padding: 40px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 32px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 22px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 25px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 24px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n            \n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n            \n            .cotton-title {\n                font-size: 24px;\n            }\n            \n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n\n            \/* Further responsive adjustments *\/\n            .size-chart, .model-specs {\n                padding: 35px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 28px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 20px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 22px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 22px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"quality-badge\"\u003ePremium Linen\u003c\/div\u003e\n\u003ch2 class=\"cotton-title\"\u003eLong Shirt\u003c\/h2\u003e\n\u003cdiv class=\"description\"\u003eCrafted from the finest natural linen fibers, these pieces offer unmatched softness and excellent breathability for all-day comfort.\u003c\/div\u003e\n\u003cdiv class=\"description\"\u003eThe extended length design provides versatile styling options, perfect for layering or wearing as a statement piece.\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature\"\u003eLong Length Design for Versatile Styling\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eNatural Breathability and Moisture-Wicking Properties\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eSoft Hand Feel That Gets Better with Each Wash\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eDurable Construction for Long-Lasting Wear\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eEasy Care and Maintenance\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eWrinkle and Stain Resistant\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003ePerfect for All Seasons\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eBust (cm)\u003c\/th\u003e\n\u003cth\u003eHips (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e56\u003c\/td\u003e\n\u003ctd\u003e62\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e60\u003c\/td\u003e\n\u003ctd\u003e66\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXl\u003c\/td\u003e\n\u003ctd\u003e66\u003c\/td\u003e\n\u003ctd\u003e70\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch4 style=\"text-align: center;\" data-start=\"0\" data-end=\"20\"\u003e\u003cstrong\u003e\u003cbr\u003eLong Shirt length: 133 cm\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eDesigned with a relaxed fit to ensure comfort and movement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-specs\"\u003e\n\u003ch3\u003eModel Specifications\u003c\/h3\u003e\n\u003ctable class=\"model-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003cth\u003eWeight\u003c\/th\u003e\n\u003cth\u003eWearing Size\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e165cm\u003c\/td\u003e\n\u003ctd\u003e60 kg\u003c\/td\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eTailored fit designed for comfort and professional appearance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"M \/ Linen","offer_id":54690211004489,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":false},{"title":"L \/ Linen","offer_id":54690211037257,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":false},{"title":"Xl \/ Linen","offer_id":55547319517257,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_1331.webp?v=1756667490"},{"product_id":"long-shirt-linen-pastel-garden-paisley","title":"Long Shirt Linen-Pastel Garden Paisley","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;600\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from {\n                width: 0;\n            }\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes float {\n            0% {\n                transform: translateY(0px);\n            }\n            50% {\n                transform: translateY(-10px);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n\n        \/* Hero Section *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n            animation: fadeIn 2s ease-in-out;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n        \n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Content Container *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto 100px;\n            padding: 0 60px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin-bottom: 60px;\n            opacity: 0;\n            animation: rotateIn 1s forwards;\n            transition: var(--transition-medium);\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 10px 10px 0 var(--black);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n        \n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 8px 15px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(5deg);\n        }\n\n        \/* Product Title *\/\n        .cotton-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Description Text *\/\n        .description {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            line-height: 1.8;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 0.8s;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n        \n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n        \n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n        \n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart - Enhanced Size *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.4s;\n        }\n        \n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .size-table th, .size-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Model Specs - Enhanced Size *\/\n        .model-specs {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.6s;\n        }\n        \n        .model-specs h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .model-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .model-table th, .model-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .model-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .model-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.8s;\n        }\n        \n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n        \n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n        \n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Highlight Text *\/\n        .highlight {\n            font-weight: 500;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n            \n            .container {\n                padding: 0 20px;\n            }\n            \n            .product-card {\n                padding: 30px 20px;\n            }\n            \n            .cotton-title {\n                font-size: 28px;\n            }\n            \n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .spec {\n                min-width: 100%;\n            }\n\n            \/* Responsive adjustments for enlarged sections *\/\n            .size-chart, .model-specs {\n                padding: 40px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 32px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 22px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 25px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 24px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n            \n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n            \n            .cotton-title {\n                font-size: 24px;\n            }\n            \n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n\n            \/* Further responsive adjustments *\/\n            .size-chart, .model-specs {\n                padding: 35px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 28px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 20px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 22px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 22px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"quality-badge\"\u003ePremium Linen\u003c\/div\u003e\n\u003ch2 class=\"cotton-title\"\u003eLong Shirt\u003c\/h2\u003e\n\u003cdiv class=\"description\"\u003eCrafted from the finest natural linen fibers, these pieces offer unmatched softness and excellent breathability for all-day comfort.\u003c\/div\u003e\n\u003cdiv class=\"description\"\u003eThe extended length design provides versatile styling options, perfect for layering or wearing as a statement piece.\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature\"\u003eLong Length Design for Versatile Styling\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eNatural Breathability and Moisture-Wicking Properties\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eSoft Hand Feel That Gets Better with Each Wash\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eDurable Construction for Long-Lasting Wear\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eEasy Care and Maintenance\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eWrinkle and Stain Resistant\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003ePerfect for All Seasons\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eBust (cm)\u003c\/th\u003e\n\u003cth\u003eHips (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e56\u003c\/td\u003e\n\u003ctd\u003e62\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e60\u003c\/td\u003e\n\u003ctd\u003e66\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e66\u003c\/td\u003e\n\u003ctd\u003e70\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eDesigned with a relaxed fit to ensure comfort and movement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-specs\"\u003e\n\u003ch3\u003eModel Specifications\u003c\/h3\u003e\n\u003ctable class=\"model-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003cth\u003eWeight\u003c\/th\u003e\n\u003cth\u003eWearing Size\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e157cm\u003c\/td\u003e\n\u003ctd\u003e60 kg\u003c\/td\u003e\n\u003ctd\u003eM\/L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eTailored fit designed for comfort and professional appearance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"M \/ Linen","offer_id":54690214707273,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":false},{"title":"L \/ Linen","offer_id":54690214740041,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":false},{"title":"Xl \/ Linen","offer_id":55547319320649,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/8.webp?v=1756668447"},{"product_id":"long-shirt-linen-boho-luxe-paisley-copy","title":"Long Shirt Linen-Tropical Azure Paisley","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;600\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from {\n                width: 0;\n            }\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes float {\n            0% {\n                transform: translateY(0px);\n            }\n            50% {\n                transform: translateY(-10px);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n\n        \/* Hero Section *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n            animation: fadeIn 2s ease-in-out;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n        \n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Content Container *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto 100px;\n            padding: 0 60px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin-bottom: 60px;\n            opacity: 0;\n            animation: rotateIn 1s forwards;\n            transition: var(--transition-medium);\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 10px 10px 0 var(--black);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n        \n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 8px 15px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(5deg);\n        }\n\n        \/* Product Title *\/\n        .cotton-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Description Text *\/\n        .description {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            line-height: 1.8;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 0.8s;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n        \n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n        \n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n        \n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart - Enhanced Size *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.4s;\n        }\n        \n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .size-table th, .size-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Model Specs - Enhanced Size *\/\n        .model-specs {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.6s;\n        }\n        \n        .model-specs h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .model-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .model-table th, .model-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .model-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .model-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.8s;\n        }\n        \n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n        \n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n        \n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Highlight Text *\/\n        .highlight {\n            font-weight: 500;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n            \n            .container {\n                padding: 0 20px;\n            }\n            \n            .product-card {\n                padding: 30px 20px;\n            }\n            \n            .cotton-title {\n                font-size: 28px;\n            }\n            \n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .spec {\n                min-width: 100%;\n            }\n\n            \/* Responsive adjustments for enlarged sections *\/\n            .size-chart, .model-specs {\n                padding: 40px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 32px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 22px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 25px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 24px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n            \n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n            \n            .cotton-title {\n                font-size: 24px;\n            }\n            \n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n\n            \/* Further responsive adjustments *\/\n            .size-chart, .model-specs {\n                padding: 35px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 28px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 20px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 22px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 22px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"quality-badge\"\u003ePremium Linen\u003c\/div\u003e\n\u003ch2 class=\"cotton-title\"\u003eLong Shirt\u003c\/h2\u003e\n\u003cdiv class=\"description\"\u003eCrafted from the finest natural linen fibers, these pieces offer unmatched softness and excellent breathability for all-day comfort.\u003c\/div\u003e\n\u003cdiv class=\"description\"\u003eThe extended length design provides versatile styling options, perfect for layering or wearing as a statement piece.\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature\"\u003eLong Length Design for Versatile Styling\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eNatural Breathability and Moisture-Wicking Properties\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eSoft Hand Feel That Gets Better with Each Wash\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eDurable Construction for Long-Lasting Wear\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eEasy Care and Maintenance\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eWrinkle and Stain Resistant\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003ePerfect for All Seasons\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eBust (cm)\u003c\/th\u003e\n\u003cth\u003eHips (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e56\u003c\/td\u003e\n\u003ctd\u003e62\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e60\u003c\/td\u003e\n\u003ctd\u003e66\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXl\u003c\/td\u003e\n\u003ctd\u003e66\u003c\/td\u003e\n\u003ctd\u003e70\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eDesigned with a relaxed fit to ensure comfort and movement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-specs\"\u003e\n\u003ch3\u003eModel Specifications\u003c\/h3\u003e\n\u003ctable class=\"model-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003cth\u003eWeight\u003c\/th\u003e\n\u003cth\u003eWearing Size\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e157cm\u003c\/td\u003e\n\u003ctd\u003e60 kg\u003c\/td\u003e\n\u003ctd\u003eM\/L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eTailored fit designed for comfort and professional appearance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"M \/ Linen","offer_id":54690219098185,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":false},{"title":"L \/ Linen","offer_id":54690219130953,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":true},{"title":"XL \/ Linen","offer_id":55547319025737,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_1554.webp?v=1756669545"},{"product_id":"long-shirt-linen-scarlet-mirage-paisley","title":"Long Shirt Linen-Scarlet Mirage Paisley","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;600\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from {\n                width: 0;\n            }\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes float {\n            0% {\n                transform: translateY(0px);\n            }\n            50% {\n                transform: translateY(-10px);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n\n        \/* Hero Section *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n            animation: fadeIn 2s ease-in-out;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n        \n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Content Container *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto 100px;\n            padding: 0 60px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin-bottom: 60px;\n            opacity: 0;\n            animation: rotateIn 1s forwards;\n            transition: var(--transition-medium);\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 10px 10px 0 var(--black);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n        \n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 8px 15px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(5deg);\n        }\n\n        \/* Product Title *\/\n        .cotton-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Description Text *\/\n        .description {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            line-height: 1.8;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 0.8s;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n        \n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n        \n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n        \n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart - Enhanced Size *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.4s;\n        }\n        \n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .size-table th, .size-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Model Specs - Enhanced Size *\/\n        .model-specs {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.6s;\n        }\n        \n        .model-specs h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .model-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .model-table th, .model-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .model-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .model-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.8s;\n        }\n        \n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n        \n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n        \n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Highlight Text *\/\n        .highlight {\n            font-weight: 500;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n            \n            .container {\n                padding: 0 20px;\n            }\n            \n            .product-card {\n                padding: 30px 20px;\n            }\n            \n            .cotton-title {\n                font-size: 28px;\n            }\n            \n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .spec {\n                min-width: 100%;\n            }\n\n            \/* Responsive adjustments for enlarged sections *\/\n            .size-chart, .model-specs {\n                padding: 40px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 32px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 22px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 25px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 24px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n            \n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n            \n            .cotton-title {\n                font-size: 24px;\n            }\n            \n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n\n            \/* Further responsive adjustments *\/\n            .size-chart, .model-specs {\n                padding: 35px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 28px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 20px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 22px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 22px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"quality-badge\"\u003ePremium Linen\u003c\/div\u003e\n\u003ch2 class=\"cotton-title\"\u003eLong Shirt\u003c\/h2\u003e\n\u003cdiv class=\"description\"\u003eCrafted from the finest natural linen fibers, these pieces offer unmatched softness and excellent breathability for all-day comfort.\u003c\/div\u003e\n\u003cdiv class=\"description\"\u003eThe extended length design provides versatile styling options, perfect for layering or wearing as a statement piece.\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature\"\u003eLong Length Design for Versatile Styling\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eNatural Breathability and Moisture-Wicking Properties\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eSoft Hand Feel That Gets Better with Each Wash\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eDurable Construction for Long-Lasting Wear\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eEasy Care and Maintenance\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eWrinkle and Stain Resistant\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003ePerfect for All Seasons\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eBust (cm)\u003c\/th\u003e\n\u003cth\u003eHips (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e56\u003c\/td\u003e\n\u003ctd\u003e62\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e60\u003c\/td\u003e\n\u003ctd\u003e66\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXl\u003c\/td\u003e\n\u003ctd\u003e66\u003c\/td\u003e\n\u003ctd\u003e70\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eDesigned with a relaxed fit to ensure comfort and movement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-specs\"\u003e\n\u003ch3\u003eModel Specifications\u003c\/h3\u003e\n\u003ctable class=\"model-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003cth\u003eWeight\u003c\/th\u003e\n\u003cth\u003eWearing Size\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e157cm\u003c\/td\u003e\n\u003ctd\u003e60 kg\u003c\/td\u003e\n\u003ctd\u003eM\/L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eTailored fit designed for comfort and professional appearance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"M \/ Linen","offer_id":54690225619017,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":false},{"title":"L \/ Linen","offer_id":54690225651785,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":false},{"title":"Xl \/ Linen","offer_id":55547318796361,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_1423.webp?v=1756670398"},{"product_id":"long-shirt-linen-pastel-garden-paisley-copy","title":"Long Shirt Linen-Lush Oasis Paisley","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;600\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from {\n                width: 0;\n            }\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes float {\n            0% {\n                transform: translateY(0px);\n            }\n            50% {\n                transform: translateY(-10px);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n\n        \/* Hero Section *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n            animation: fadeIn 2s ease-in-out;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n        \n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Content Container *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto 100px;\n            padding: 0 60px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin-bottom: 60px;\n            opacity: 0;\n            animation: rotateIn 1s forwards;\n            transition: var(--transition-medium);\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 10px 10px 0 var(--black);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n        \n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 8px 15px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(5deg);\n        }\n\n        \/* Product Title *\/\n        .cotton-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Description Text *\/\n        .description {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            line-height: 1.8;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 0.8s;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n        \n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n        \n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n        \n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart - Enhanced Size *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.4s;\n        }\n        \n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .size-table th, .size-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Model Specs - Enhanced Size *\/\n        .model-specs {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.6s;\n        }\n        \n        .model-specs h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .model-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .model-table th, .model-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .model-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .model-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.8s;\n        }\n        \n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n        \n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n        \n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Highlight Text *\/\n        .highlight {\n            font-weight: 500;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n            \n            .container {\n                padding: 0 20px;\n            }\n            \n            .product-card {\n                padding: 30px 20px;\n            }\n            \n            .cotton-title {\n                font-size: 28px;\n            }\n            \n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .spec {\n                min-width: 100%;\n            }\n\n            \/* Responsive adjustments for enlarged sections *\/\n            .size-chart, .model-specs {\n                padding: 40px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 32px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 22px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 25px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 24px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n            \n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n            \n            .cotton-title {\n                font-size: 24px;\n            }\n            \n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n\n            \/* Further responsive adjustments *\/\n            .size-chart, .model-specs {\n                padding: 35px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 28px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 20px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 22px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 22px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"quality-badge\"\u003ePremium Linen\u003c\/div\u003e\n\u003ch2 class=\"cotton-title\"\u003eLong Shirt\u003c\/h2\u003e\n\u003cdiv class=\"description\"\u003eCrafted from the finest natural linen fibers, these pieces offer unmatched softness and excellent breathability for all-day comfort.\u003c\/div\u003e\n\u003cdiv class=\"description\"\u003eThe extended length design provides versatile styling options, perfect for layering or wearing as a statement piece.\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature\"\u003eLong Length Design for Versatile Styling\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eNatural Breathability and Moisture-Wicking Properties\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eSoft Hand Feel That Gets Better with Each Wash\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eDurable Construction for Long-Lasting Wear\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eEasy Care and Maintenance\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eWrinkle and Stain Resistant\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003ePerfect for All Seasons\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eBust (cm)\u003c\/th\u003e\n\u003cth\u003eHips (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e56\u003c\/td\u003e\n\u003ctd\u003e62\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e60\u003c\/td\u003e\n\u003ctd\u003e66\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXl\u003c\/td\u003e\n\u003ctd\u003e66\u003c\/td\u003e\n\u003ctd\u003e70\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eDesigned with a relaxed fit to ensure comfort and movement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-specs\"\u003e\n\u003ch3\u003eModel Specifications\u003c\/h3\u003e\n\u003ctable class=\"model-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003cth\u003eWeight\u003c\/th\u003e\n\u003cth\u003eWearing Size\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e157cm\u003c\/td\u003e\n\u003ctd\u003e60 kg\u003c\/td\u003e\n\u003ctd\u003eM\/L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eTailored fit designed for comfort and professional appearance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"M \/ Linen","offer_id":54690236858441,"sku":null,"price":850.0,"currency_code":"EGP","in_stock":true},{"title":"L \/ Linen","offer_id":54691672490057,"sku":null,"price":850.0,"currency_code":"EGP","in_stock":true},{"title":"Xl \/ Linen","offer_id":55547306147913,"sku":null,"price":850.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_1465.webp?v=1756670421"},{"product_id":"felt-coat-black","title":"Felt Coat-Black","description":"\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from { opacity: 0; }\n            to { opacity: 1; }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from { width: 0; }\n            to { width: 100%; }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Hero Section *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n            animation: fadeIn 2s ease-in-out;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n\n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Content Container *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto 100px;\n            padding: 0 60px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin-bottom: 60px;\n            opacity: 0;\n            animation: rotateIn 1s forwards;\n            transition: var(--transition-medium);\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 10px 10px 0 var(--black);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n\n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 8px 15px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(5deg);\n        }\n\n        \/* Product Title *\/\n        .cotton-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Description Text *\/\n        .description {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            line-height: 1.8;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 0.8s;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n\n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n\n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.4s;\n        }\n\n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n\n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n\n        .size-table th, .size-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n\n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n\n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Model Specs *\/\n        .model-specs {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.6s;\n        }\n\n        .model-specs h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n\n        .model-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n\n        .model-table th, .model-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n\n        .model-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n\n        .model-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.8s;\n        }\n\n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n\n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n\n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n\n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n\n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n\n            .container {\n                padding: 0 20px;\n            }\n\n            .product-card {\n                padding: 30px 20px;\n            }\n\n            .cotton-title {\n                font-size: 28px;\n            }\n\n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n\n            .spec {\n                min-width: 100%;\n            }\n\n            .size-chart, .model-specs {\n                padding: 40px 20px;\n            }\n\n            .size-chart h3, .model-specs h3 {\n                font-size: 32px;\n            }\n\n            .size-table, .model-table {\n                font-size: 18px;\n            }\n\n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 20px 10px;\n            }\n\n            .size-table th, .model-table th {\n                font-size: 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n\n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n\n            .cotton-title {\n                font-size: 24px;\n            }\n\n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n\n            .size-chart, .model-specs {\n                padding: 30px 15px;\n            }\n\n            .size-chart h3, .model-specs h3 {\n                font-size: 28px;\n            }\n\n            .size-table, .model-table {\n                font-size: 16px;\n            }\n\n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 18px 8px;\n            }\n\n            .size-table th, .model-table th {\n                font-size: 18px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eWeight Range (kg)\u003c\/th\u003e\n\u003cth\u003eLength (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e50 - 60\u003c\/td\u003e\n\u003ctd\u003e100\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e60 - 70\u003c\/td\u003e\n\u003ctd\u003e100\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e70 - 85\u003c\/td\u003e\n\u003ctd\u003e100\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eAll measurements are taken flat. For best fit, measure a similar garment you own.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-specs\"\u003e\n\u003ch3\u003eModel Specifications\u003c\/h3\u003e\n\u003ctable class=\"model-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003cth\u003eWeight\u003c\/th\u003e\n\u003cth\u003eWearing Size\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e167cm\u003c\/td\u003e\n\u003ctd\u003e60 kg\u003c\/td\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eModel wears size S for a comfortable, relaxed fit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-specs\"\u003e\n\u003cdiv class=\"spec\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"S \/ Felt","offer_id":54784296353865,"sku":null,"price":1000.0,"currency_code":"EGP","in_stock":false},{"title":"M \/ Felt","offer_id":54784296386633,"sku":null,"price":1000.0,"currency_code":"EGP","in_stock":true},{"title":"L \/ Felt","offer_id":54784296419401,"sku":null,"price":1000.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/001-492_b271b048-1278-4d35-943e-fbb7bf3b31ea.webp?v=1762824731"},{"product_id":"leather-trench-coat-black-1","title":"Leather trench coat-Black","description":"\u003cstyle\u003e         \/* Base Styles - Isolated *\/         .product-page-isolated {             --black: #000000;             --dark-gray: #1a1a1a;             --medium-gray: #333333;             --light-gray: #f5f5f5;             --off-white: #f9f9f9;             --white: #ffffff;             --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);             --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);             --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);             --font-title: 'Cormorant Garamond', serif;             --font-body: 'Montserrat', sans-serif;             --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);             font-family: var(--font-body);             background-color: var(--white);             color: var(--black);             line-height: 1.6;         }         .product-page-isolated * {             margin: 0;             padding: 0;             box-sizing: border-box;         }         \/* Animations *\/         @keyframes fadeIn-isolated {             from { opacity: 0; }             to { opacity: 1; }         }         @keyframes slideUp-isolated {             from {                 opacity: 0;                 transform: translateY(50px);             }             to {                 opacity: 1;                 transform: translateY(0);             }         }         @keyframes scaleIn-isolated {             from {                 transform: scale(0.8);                 opacity: 0;             }             to {                 transform: scale(1);                 opacity: 1;             }         }         @keyframes rotateIn-isolated {             from {                 transform: rotate(-5deg) scale(0.9);                 opacity: 0;             }             to {                 transform: rotate(0) scale(1);                 opacity: 1;             }         }         @keyframes shimmer-isolated {             0% { transform: translateX(-100%); }             100% { transform: translateX(100%); }         }         \/* Content Container *\/         .product-page-isolated .container {             max-width: 1000px;             margin: 0 auto 100px;             padding: 0 60px;         }         \/* Product Card *\/         .product-page-isolated .product-card {             position: relative;             border: 1px solid var(--black);             background-color: var(--white);             padding: 60px 40px;             margin-bottom: 60px;             opacity: 0;             animation: rotateIn-isolated 1s forwards;             transition: var(--transition-medium);             overflow: hidden;         }         .product-page-isolated .product-card:hover {             transform: translateY(-10px);             box-shadow: 10px 10px 0 var(--black);         }         .product-page-isolated .product-card::before {             content: '';             position: absolute;             top: -10px;             right: -10px;             width: 20px;             height: 20px;             background-color: var(--black);             border-radius: 50%;             transform: scale(0);             transition: transform 0.5s var(--animation-curve);         }         .product-page-isolated .product-card:hover::before {             transform: scale(20);             opacity: 0.03;         }         \/* Fabric Visual *\/         .product-page-isolated .fabric-visual {             width: 100%;             height: 120px;             background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);             background-size: 20px 20px;             margin: 40px 0;             opacity: 0;             animation: fadeIn-isolated 1.5s forwards 1s;             position: relative;             overflow: hidden;         }         .product-page-isolated .fabric-visual::after {             content: \"\";             position: absolute;             top: 0;             left: 0;             right: 0;             bottom: 0;             background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));             animation: shimmer-isolated 3s infinite;         }         \/* Size Chart *\/         .product-page-isolated .size-chart {             background-color: var(--light-gray);             padding: 60px;             margin: 50px 0;             opacity: 0;             animation: scaleIn-isolated 1.5s forwards 1.4s;         }         .product-page-isolated .size-chart h3 {             font-family: var(--font-title);             font-size: 36px;             font-weight: 400;             margin-bottom: 40px;             text-align: center;             color: var(--black);         }         .product-page-isolated .size-table {             width: 100%;             border-collapse: collapse;             font-size: 20px;         }         .product-page-isolated .size-table th,          .product-page-isolated .size-table td {             padding: 28px;             text-align: center;             border-bottom: 1px solid rgba(0, 0, 0, 0.1);         }         .product-page-isolated .size-table th {             background-color: rgba(0, 0, 0, 0.05);             font-weight: 500;             font-size: 22px;         }         .product-page-isolated .size-table tr:hover td {             background-color: rgba(0, 0, 0, 0.03);         }         \/* Model Specs *\/         .product-page-isolated .model-specs {             background-color: var(--light-gray);             padding: 60px;             margin: 0 0 50px 0;             opacity: 0;             animation: scaleIn-isolated 1.5s forwards 1.6s;         }         .product-page-isolated .model-specs h3 {             font-family: var(--font-title);             font-size: 36px;             font-weight: 400;             margin-bottom: 40px;             text-align: center;             color: var(--black);         }         .product-page-isolated .model-table {             width: 100%;             border-collapse: collapse;             font-size: 20px;         }         .product-page-isolated .model-table th,          .product-page-isolated .model-table td {             padding: 28px;             text-align: center;             border-bottom: 1px solid rgba(0, 0, 0, 0.1);         }         .product-page-isolated .model-table th {             background-color: rgba(0, 0, 0, 0.05);             font-weight: 500;             font-size: 22px;         }         .product-page-isolated .model-table tr:hover td {             background-color: rgba(0, 0, 0, 0.03);         }         \/* Product Specs *\/         .product-page-isolated .product-specs {             display: flex;             flex-wrap: wrap;             gap: 50px;             margin: 0 0 50px 0;             opacity: 0;             animation: slideUp-isolated 1.5s forwards 1.8s;         }         .product-page-isolated .spec {             flex: 1;             min-width: 150px;         }         .product-page-isolated .spec h3 {             font-family: var(--font-body);             font-size: 16px;             font-weight: 300;             margin-bottom: 12px;             color: var(--medium-gray);         }         .product-page-isolated .spec p {             font-family: var(--font-title);             font-size: 22px;             font-weight: 400;             margin: 0;             padding: 0;             position: relative;             display: inline-block;         }         .product-page-isolated .spec p:after {             content: '';             position: absolute;             bottom: -5px;             left: 0;             width: 0;             height: 1px;             background-color: var(--black);             transition: width 0.3s ease;         }         .product-page-isolated .spec:hover p:after {             width: 100%;         }         \/* Responsive Styles *\/         @media (max-width: 768px) {             .product-page-isolated .container {                 padding: 0px;             }             .product-page-isolated .product-card {                 padding: 30px 20px;             }             .product-page-isolated .product-specs {                 flex-direction: column;                 gap: 20px;             }             .product-page-isolated .spec {                 min-width: 100%;             }             .product-page-isolated .size-chart,              .product-page-isolated .model-specs {                 padding: 40px 20px;             }             .product-page-isolated .size-chart h3,              .product-page-isolated .model-specs h3 {                 font-size: 32px;             }             .product-page-isolated .size-table,              .product-page-isolated .model-table {                 font-size: 18px;             }             .product-page-isolated .size-table th,              .product-page-isolated .size-table td,             .product-page-isolated .model-table th,              .product-page-isolated .model-table td {                 padding: 20px 10px;             }             .product-page-isolated .size-table th,              .product-page-isolated .model-table th {                 font-size: 20px;             }         }         @media (max-width: 480px) {             .product-page-isolated .size-chart,              .product-page-isolated .model-specs {                 padding: 30px 15px;             }             .product-page-isolated .size-chart h3,              .product-page-isolated .model-specs h3 {                 font-size: 28px;             }             .product-page-isolated .size-table,              .product-page-isolated .model-table {                 font-size: 16px;             }             .product-page-isolated .size-table th,              .product-page-isolated .size-table td,             .product-page-isolated .model-table th,              .product-page-isolated .model-table td {                 padding: 18px 8px;             }             .product-page-isolated .size-table th,              .product-page-isolated .model-table th {                 font-size: 18px;             }         }     \u003c\/style\u003e\n\u003cdiv class=\"product-page-isolated\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eWeight Range (kg)\u003c\/th\u003e\n\u003cth\u003eLength (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e55 - 70\u003c\/td\u003e\n\u003ctd\u003e110\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e70 - 85\u003c\/td\u003e\n\u003ctd\u003e110\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e85 - 95\u003c\/td\u003e\n\u003ctd\u003e110\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eAll measurements are taken flat. For best fit, measure a similar garment you own.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-specs\"\u003e\n\u003ch3\u003eModel Specifications\u003c\/h3\u003e\n\u003ctable class=\"model-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003cth\u003eWeight\u003c\/th\u003e\n\u003cth\u003eWearing Size\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e167cm\u003c\/td\u003e\n\u003ctd\u003e60 kg\u003c\/td\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eModel wears size S for a comfortable, relaxed fit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"S \/ Leather","offer_id":54857658794057,"sku":null,"price":1199.0,"currency_code":"EGP","in_stock":false},{"title":"M \/ Leather","offer_id":54857658826825,"sku":null,"price":1199.0,"currency_code":"EGP","in_stock":false},{"title":"L \/ Leather","offer_id":54857658859593,"sku":null,"price":1199.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_1530.webp?v=1764253120"},{"product_id":"leather-trench-coat-brown","title":"Leather trench coat-Brown","description":"\u003cstyle\u003e         \/* Base Styles - Isolated *\/         .product-page-isolated {             --black: #000000;             --dark-gray: #1a1a1a;             --medium-gray: #333333;             --light-gray: #f5f5f5;             --off-white: #f9f9f9;             --white: #ffffff;             --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);             --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);             --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);             --font-title: 'Cormorant Garamond', serif;             --font-body: 'Montserrat', sans-serif;             --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);             font-family: var(--font-body);             background-color: var(--white);             color: var(--black);             line-height: 1.6;         }         .product-page-isolated * {             margin: 0;             padding: 0;             box-sizing: border-box;         }         \/* Animations *\/         @keyframes fadeIn-isolated {             from { opacity: 0; }             to { opacity: 1; }         }         @keyframes slideUp-isolated {             from {                 opacity: 0;                 transform: translateY(50px);             }             to {                 opacity: 1;                 transform: translateY(0);             }         }         @keyframes scaleIn-isolated {             from {                 transform: scale(0.8);                 opacity: 0;             }             to {                 transform: scale(1);                 opacity: 1;             }         }         @keyframes rotateIn-isolated {             from {                 transform: rotate(-5deg) scale(0.9);                 opacity: 0;             }             to {                 transform: rotate(0) scale(1);                 opacity: 1;             }         }         @keyframes shimmer-isolated {             0% { transform: translateX(-100%); }             100% { transform: translateX(100%); }         }         \/* Content Container *\/         .product-page-isolated .container {             max-width: 1000px;             margin: 0 auto 100px;             padding: 0 60px;         }         \/* Product Card *\/         .product-page-isolated .product-card {             position: relative;             border: 1px solid var(--black);             background-color: var(--white);             padding: 60px 40px;             margin-bottom: 60px;             opacity: 0;             animation: rotateIn-isolated 1s forwards;             transition: var(--transition-medium);             overflow: hidden;         }         .product-page-isolated .product-card:hover {             transform: translateY(-10px);             box-shadow: 10px 10px 0 var(--black);         }         .product-page-isolated .product-card::before {             content: '';             position: absolute;             top: -10px;             right: -10px;             width: 20px;             height: 20px;             background-color: var(--black);             border-radius: 50%;             transform: scale(0);             transition: transform 0.5s var(--animation-curve);         }         .product-page-isolated .product-card:hover::before {             transform: scale(20);             opacity: 0.03;         }         \/* Fabric Visual *\/         .product-page-isolated .fabric-visual {             width: 100%;             height: 120px;             background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);             background-size: 20px 20px;             margin: 40px 0;             opacity: 0;             animation: fadeIn-isolated 1.5s forwards 1s;             position: relative;             overflow: hidden;         }         .product-page-isolated .fabric-visual::after {             content: \"\";             position: absolute;             top: 0;             left: 0;             right: 0;             bottom: 0;             background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));             animation: shimmer-isolated 3s infinite;         }         \/* Size Chart *\/         .product-page-isolated .size-chart {             background-color: var(--light-gray);             padding: 60px;             margin: 50px 0;             opacity: 0;             animation: scaleIn-isolated 1.5s forwards 1.4s;         }         .product-page-isolated .size-chart h3 {             font-family: var(--font-title);             font-size: 36px;             font-weight: 400;             margin-bottom: 40px;             text-align: center;             color: var(--black);         }         .product-page-isolated .size-table {             width: 100%;             border-collapse: collapse;             font-size: 20px;         }         .product-page-isolated .size-table th,          .product-page-isolated .size-table td {             padding: 28px;             text-align: center;             border-bottom: 1px solid rgba(0, 0, 0, 0.1);         }         .product-page-isolated .size-table th {             background-color: rgba(0, 0, 0, 0.05);             font-weight: 500;             font-size: 22px;         }         .product-page-isolated .size-table tr:hover td {             background-color: rgba(0, 0, 0, 0.03);         }         \/* Model Specs *\/         .product-page-isolated .model-specs {             background-color: var(--light-gray);             padding: 60px;             margin: 0 0 50px 0;             opacity: 0;             animation: scaleIn-isolated 1.5s forwards 1.6s;         }         .product-page-isolated .model-specs h3 {             font-family: var(--font-title);             font-size: 36px;             font-weight: 400;             margin-bottom: 40px;             text-align: center;             color: var(--black);         }         .product-page-isolated .model-table {             width: 100%;             border-collapse: collapse;             font-size: 20px;         }         .product-page-isolated .model-table th,          .product-page-isolated .model-table td {             padding: 28px;             text-align: center;             border-bottom: 1px solid rgba(0, 0, 0, 0.1);         }         .product-page-isolated .model-table th {             background-color: rgba(0, 0, 0, 0.05);             font-weight: 500;             font-size: 22px;         }         .product-page-isolated .model-table tr:hover td {             background-color: rgba(0, 0, 0, 0.03);         }         \/* Product Specs *\/         .product-page-isolated .product-specs {             display: flex;             flex-wrap: wrap;             gap: 50px;             margin: 0 0 50px 0;             opacity: 0;             animation: slideUp-isolated 1.5s forwards 1.8s;         }         .product-page-isolated .spec {             flex: 1;             min-width: 150px;         }         .product-page-isolated .spec h3 {             font-family: var(--font-body);             font-size: 16px;             font-weight: 300;             margin-bottom: 12px;             color: var(--medium-gray);         }         .product-page-isolated .spec p {             font-family: var(--font-title);             font-size: 22px;             font-weight: 400;             margin: 0;             padding: 0;             position: relative;             display: inline-block;         }         .product-page-isolated .spec p:after {             content: '';             position: absolute;             bottom: -5px;             left: 0;             width: 0;             height: 1px;             background-color: var(--black);             transition: width 0.3s ease;         }         .product-page-isolated .spec:hover p:after {             width: 100%;         }         \/* Responsive Styles *\/         @media (max-width: 768px) {             .product-page-isolated .container {                 padding: 0px;             }             .product-page-isolated .product-card {                 padding: 30px 20px;             }             .product-page-isolated .product-specs {                 flex-direction: column;                 gap: 20px;             }             .product-page-isolated .spec {                 min-width: 100%;             }             .product-page-isolated .size-chart,              .product-page-isolated .model-specs {                 padding: 40px 20px;             }             .product-page-isolated .size-chart h3,              .product-page-isolated .model-specs h3 {                 font-size: 32px;             }             .product-page-isolated .size-table,              .product-page-isolated .model-table {                 font-size: 18px;             }             .product-page-isolated .size-table th,              .product-page-isolated .size-table td,             .product-page-isolated .model-table th,              .product-page-isolated .model-table td {                 padding: 20px 10px;             }             .product-page-isolated .size-table th,              .product-page-isolated .model-table th {                 font-size: 20px;             }         }         @media (max-width: 480px) {             .product-page-isolated .size-chart,              .product-page-isolated .model-specs {                 padding: 30px 15px;             }             .product-page-isolated .size-chart h3,              .product-page-isolated .model-specs h3 {                 font-size: 28px;             }             .product-page-isolated .size-table,              .product-page-isolated .model-table {                 font-size: 16px;             }             .product-page-isolated .size-table th,              .product-page-isolated .size-table td,             .product-page-isolated .model-table th,              .product-page-isolated .model-table td {                 padding: 18px 8px;             }             .product-page-isolated .size-table th,              .product-page-isolated .model-table th {                 font-size: 18px;             }         }     \u003c\/style\u003e\n\u003cdiv class=\"product-page-isolated\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eWeight Range (kg)\u003c\/th\u003e\n\u003cth\u003eLength (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e55 - 70\u003c\/td\u003e\n\u003ctd\u003e110\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e70 - 85\u003c\/td\u003e\n\u003ctd\u003e110\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e85 - 95\u003c\/td\u003e\n\u003ctd\u003e110\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eAll measurements are taken flat. For best fit, measure a similar garment you own.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-specs\"\u003e\n\u003ch3\u003eModel Specifications\u003c\/h3\u003e\n\u003ctable class=\"model-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003cth\u003eWeight\u003c\/th\u003e\n\u003cth\u003eWearing Size\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e167cm\u003c\/td\u003e\n\u003ctd\u003e60 kg\u003c\/td\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eModel wears size S for a comfortable, relaxed fit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"S \/ Leather","offer_id":54857660563529,"sku":null,"price":1199.0,"currency_code":"EGP","in_stock":false},{"title":"M \/ Leather","offer_id":54857660596297,"sku":null,"price":1199.0,"currency_code":"EGP","in_stock":false},{"title":"L \/ Leather","offer_id":54857660629065,"sku":null,"price":1199.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_1496.webp?v=1764253286"},{"product_id":"leather-trench-coat-burgundy","title":"Leather trench coat-Burgundy","description":"\u003cstyle\u003e         \/* Base Styles - Isolated *\/         .product-page-isolated {             --black: #000000;             --dark-gray: #1a1a1a;             --medium-gray: #333333;             --light-gray: #f5f5f5;             --off-white: #f9f9f9;             --white: #ffffff;             --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);             --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);             --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);             --font-title: 'Cormorant Garamond', serif;             --font-body: 'Montserrat', sans-serif;             --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);             font-family: var(--font-body);             background-color: var(--white);             color: var(--black);             line-height: 1.6;         }         .product-page-isolated * {             margin: 0;             padding: 0;             box-sizing: border-box;         }         \/* Animations *\/         @keyframes fadeIn-isolated {             from { opacity: 0; }             to { opacity: 1; }         }         @keyframes slideUp-isolated {             from {                 opacity: 0;                 transform: translateY(50px);             }             to {                 opacity: 1;                 transform: translateY(0);             }         }         @keyframes scaleIn-isolated {             from {                 transform: scale(0.8);                 opacity: 0;             }             to {                 transform: scale(1);                 opacity: 1;             }         }         @keyframes rotateIn-isolated {             from {                 transform: rotate(-5deg) scale(0.9);                 opacity: 0;             }             to {                 transform: rotate(0) scale(1);                 opacity: 1;             }         }         @keyframes shimmer-isolated {             0% { transform: translateX(-100%); }             100% { transform: translateX(100%); }         }         \/* Content Container *\/         .product-page-isolated .container {             max-width: 1000px;             margin: 0 auto 100px;             padding: 0 60px;         }         \/* Product Card *\/         .product-page-isolated .product-card {             position: relative;             border: 1px solid var(--black);             background-color: var(--white);             padding: 60px 40px;             margin-bottom: 60px;             opacity: 0;             animation: rotateIn-isolated 1s forwards;             transition: var(--transition-medium);             overflow: hidden;         }         .product-page-isolated .product-card:hover {             transform: translateY(-10px);             box-shadow: 10px 10px 0 var(--black);         }         .product-page-isolated .product-card::before {             content: '';             position: absolute;             top: -10px;             right: -10px;             width: 20px;             height: 20px;             background-color: var(--black);             border-radius: 50%;             transform: scale(0);             transition: transform 0.5s var(--animation-curve);         }         .product-page-isolated .product-card:hover::before {             transform: scale(20);             opacity: 0.03;         }         \/* Fabric Visual *\/         .product-page-isolated .fabric-visual {             width: 100%;             height: 120px;             background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);             background-size: 20px 20px;             margin: 40px 0;             opacity: 0;             animation: fadeIn-isolated 1.5s forwards 1s;             position: relative;             overflow: hidden;         }         .product-page-isolated .fabric-visual::after {             content: \"\";             position: absolute;             top: 0;             left: 0;             right: 0;             bottom: 0;             background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));             animation: shimmer-isolated 3s infinite;         }         \/* Size Chart *\/         .product-page-isolated .size-chart {             background-color: var(--light-gray);             padding: 60px;             margin: 50px 0;             opacity: 0;             animation: scaleIn-isolated 1.5s forwards 1.4s;         }         .product-page-isolated .size-chart h3 {             font-family: var(--font-title);             font-size: 36px;             font-weight: 400;             margin-bottom: 40px;             text-align: center;             color: var(--black);         }         .product-page-isolated .size-table {             width: 100%;             border-collapse: collapse;             font-size: 20px;         }         .product-page-isolated .size-table th,          .product-page-isolated .size-table td {             padding: 28px;             text-align: center;             border-bottom: 1px solid rgba(0, 0, 0, 0.1);         }         .product-page-isolated .size-table th {             background-color: rgba(0, 0, 0, 0.05);             font-weight: 500;             font-size: 22px;         }         .product-page-isolated .size-table tr:hover td {             background-color: rgba(0, 0, 0, 0.03);         }         \/* Model Specs *\/         .product-page-isolated .model-specs {             background-color: var(--light-gray);             padding: 60px;             margin: 0 0 50px 0;             opacity: 0;             animation: scaleIn-isolated 1.5s forwards 1.6s;         }         .product-page-isolated .model-specs h3 {             font-family: var(--font-title);             font-size: 36px;             font-weight: 400;             margin-bottom: 40px;             text-align: center;             color: var(--black);         }         .product-page-isolated .model-table {             width: 100%;             border-collapse: collapse;             font-size: 20px;         }         .product-page-isolated .model-table th,          .product-page-isolated .model-table td {             padding: 28px;             text-align: center;             border-bottom: 1px solid rgba(0, 0, 0, 0.1);         }         .product-page-isolated .model-table th {             background-color: rgba(0, 0, 0, 0.05);             font-weight: 500;             font-size: 22px;         }         .product-page-isolated .model-table tr:hover td {             background-color: rgba(0, 0, 0, 0.03);         }         \/* Product Specs *\/         .product-page-isolated .product-specs {             display: flex;             flex-wrap: wrap;             gap: 50px;             margin: 0 0 50px 0;             opacity: 0;             animation: slideUp-isolated 1.5s forwards 1.8s;         }         .product-page-isolated .spec {             flex: 1;             min-width: 150px;         }         .product-page-isolated .spec h3 {             font-family: var(--font-body);             font-size: 16px;             font-weight: 300;             margin-bottom: 12px;             color: var(--medium-gray);         }         .product-page-isolated .spec p {             font-family: var(--font-title);             font-size: 22px;             font-weight: 400;             margin: 0;             padding: 0;             position: relative;             display: inline-block;         }         .product-page-isolated .spec p:after {             content: '';             position: absolute;             bottom: -5px;             left: 0;             width: 0;             height: 1px;             background-color: var(--black);             transition: width 0.3s ease;         }         .product-page-isolated .spec:hover p:after {             width: 100%;         }         \/* Responsive Styles *\/         @media (max-width: 768px) {             .product-page-isolated .container {                 padding: 0px;             }             .product-page-isolated .product-card {                 padding: 30px 20px;             }             .product-page-isolated .product-specs {                 flex-direction: column;                 gap: 20px;             }             .product-page-isolated .spec {                 min-width: 100%;             }             .product-page-isolated .size-chart,              .product-page-isolated .model-specs {                 padding: 40px 20px;             }             .product-page-isolated .size-chart h3,              .product-page-isolated .model-specs h3 {                 font-size: 32px;             }             .product-page-isolated .size-table,              .product-page-isolated .model-table {                 font-size: 18px;             }             .product-page-isolated .size-table th,              .product-page-isolated .size-table td,             .product-page-isolated .model-table th,              .product-page-isolated .model-table td {                 padding: 20px 10px;             }             .product-page-isolated .size-table th,              .product-page-isolated .model-table th {                 font-size: 20px;             }         }         @media (max-width: 480px) {             .product-page-isolated .size-chart,              .product-page-isolated .model-specs {                 padding: 30px 15px;             }             .product-page-isolated .size-chart h3,              .product-page-isolated .model-specs h3 {                 font-size: 28px;             }             .product-page-isolated .size-table,              .product-page-isolated .model-table {                 font-size: 16px;             }             .product-page-isolated .size-table th,              .product-page-isolated .size-table td,             .product-page-isolated .model-table th,              .product-page-isolated .model-table td {                 padding: 18px 8px;             }             .product-page-isolated .size-table th,              .product-page-isolated .model-table th {                 font-size: 18px;             }         }     \u003c\/style\u003e\n\u003cdiv class=\"product-page-isolated\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eWeight Range (kg)\u003c\/th\u003e\n\u003cth\u003eLength (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e55 - 70\u003c\/td\u003e\n\u003ctd\u003e110\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e70 - 85\u003c\/td\u003e\n\u003ctd\u003e110\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e85 - 95\u003c\/td\u003e\n\u003ctd\u003e110\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eAll measurements are taken flat. For best fit, measure a similar garment you own.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-specs\"\u003e\n\u003ch3\u003eModel Specifications\u003c\/h3\u003e\n\u003ctable class=\"model-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003cth\u003eWeight\u003c\/th\u003e\n\u003cth\u003eWearing Size\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e167cm\u003c\/td\u003e\n\u003ctd\u003e60 kg\u003c\/td\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eModel wears size S for a comfortable, relaxed fit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"S \/ Leather","offer_id":54857660727369,"sku":null,"price":1199.0,"currency_code":"EGP","in_stock":false},{"title":"M \/ Leather","offer_id":54857660760137,"sku":null,"price":1199.0,"currency_code":"EGP","in_stock":false},{"title":"L \/ Leather","offer_id":54857660792905,"sku":null,"price":1199.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_1470.webp?v=1764253544"},{"product_id":"cardigan-brown","title":"Cardigan Dark Brown","description":"\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from { opacity: 0; }\n            to { opacity: 1; }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from { width: 0; }\n            to { width: 100%; }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Hero Section *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n            animation: fadeIn 2s ease-in-out;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n\n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Content Container *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto 100px;\n            padding: 0 60px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin-bottom: 60px;\n            opacity: 0;\n            animation: rotateIn 1s forwards;\n            transition: var(--transition-medium);\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 10px 10px 0 var(--black);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n\n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 8px 15px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(5deg);\n        }\n\n        \/* Product Title *\/\n        .cotton-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Description Text *\/\n        .description {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            line-height: 1.8;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 0.8s;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n\n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n\n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.4s;\n        }\n\n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n\n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n\n        .size-table th, .size-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n\n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n\n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Model Specs *\/\n        .model-specs {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.6s;\n        }\n\n        .model-specs h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n\n        .model-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n\n        .model-table th, .model-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n\n        .model-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n\n        .model-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.8s;\n        }\n\n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n\n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n\n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n\n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n\n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n\n            .container {\n                padding: 0 20px;\n            }\n\n            .product-card {\n                padding: 30px 20px;\n            }\n\n            .cotton-title {\n                font-size: 28px;\n            }\n\n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n\n            .spec {\n                min-width: 100%;\n            }\n\n            .size-chart, .model-specs {\n                padding: 40px 20px;\n            }\n\n            .size-chart h3, .model-specs h3 {\n                font-size: 32px;\n            }\n\n            .size-table, .model-table {\n                font-size: 18px;\n            }\n\n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 20px 10px;\n            }\n\n            .size-table th, .model-table th {\n                font-size: 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n\n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n\n            .cotton-title {\n                font-size: 24px;\n            }\n\n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n\n            .size-chart, .model-specs {\n                padding: 30px 15px;\n            }\n\n            .size-chart h3, .model-specs h3 {\n                font-size: 28px;\n            }\n\n            .size-table, .model-table {\n                font-size: 16px;\n            }\n\n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 18px 8px;\n            }\n\n            .size-table th, .model-table th {\n                font-size: 18px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize Range\u003c\/th\u003e\n\u003cth\u003eBest For\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eS-M\u003c\/td\u003e\n\u003ctd\u003e55kg -75kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL-XL\u003c\/td\u003e\n\u003ctd\u003e75kg - 95kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eChoose your size based on your usual clothing fit. For between sizes, \u003cbr\u003e\u003cstrong\u003eFit:(Oversized).\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-specs\"\u003e\n\u003ch3\u003eModel Specifications\u003c\/h3\u003e\n\u003ctable class=\"model-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003cth\u003eWeight\u003c\/th\u003e\n\u003cth\u003eWearing Size\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e167cm\u003c\/td\u003e\n\u003ctd\u003e60 kg\u003c\/td\u003e\n\u003ctd\u003eS-M\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eModel wears size S-M for a comfortable, relaxed fit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"S\/M \/ Turkish Brushed Fabric","offer_id":55342162772041,"sku":null,"price":1099.0,"currency_code":"EGP","in_stock":true},{"title":"L\/XL \/ Turkish Brushed Fabric","offer_id":55342162804809,"sku":null,"price":1099.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_2511.webp?v=1765659543"},{"product_id":"cardigan-pink","title":"Cardigan Pink","description":"\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from { opacity: 0; }\n            to { opacity: 1; }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from { width: 0; }\n            to { width: 100%; }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Hero Section *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n            animation: fadeIn 2s ease-in-out;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n\n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Content Container *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto 100px;\n            padding: 0 60px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin-bottom: 60px;\n            opacity: 0;\n            animation: rotateIn 1s forwards;\n            transition: var(--transition-medium);\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 10px 10px 0 var(--black);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n\n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 8px 15px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(5deg);\n        }\n\n        \/* Product Title *\/\n        .cotton-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Description Text *\/\n        .description {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            line-height: 1.8;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 0.8s;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n\n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n\n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.4s;\n        }\n\n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n\n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n\n        .size-table th, .size-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n\n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n\n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Model Specs *\/\n        .model-specs {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.6s;\n        }\n\n        .model-specs h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n\n        .model-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n\n        .model-table th, .model-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n\n        .model-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n\n        .model-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.8s;\n        }\n\n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n\n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n\n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n\n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n\n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n\n            .container {\n                padding: 0 20px;\n            }\n\n            .product-card {\n                padding: 30px 20px;\n            }\n\n            .cotton-title {\n                font-size: 28px;\n            }\n\n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n\n            .spec {\n                min-width: 100%;\n            }\n\n            .size-chart, .model-specs {\n                padding: 40px 20px;\n            }\n\n            .size-chart h3, .model-specs h3 {\n                font-size: 32px;\n            }\n\n            .size-table, .model-table {\n                font-size: 18px;\n            }\n\n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 20px 10px;\n            }\n\n            .size-table th, .model-table th {\n                font-size: 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n\n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n\n            .cotton-title {\n                font-size: 24px;\n            }\n\n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n\n            .size-chart, .model-specs {\n                padding: 30px 15px;\n            }\n\n            .size-chart h3, .model-specs h3 {\n                font-size: 28px;\n            }\n\n            .size-table, .model-table {\n                font-size: 16px;\n            }\n\n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 18px 8px;\n            }\n\n            .size-table th, .model-table th {\n                font-size: 18px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize Range\u003c\/th\u003e\n\u003cth\u003eBest For\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eS-M\u003c\/td\u003e\n\u003ctd\u003e55kg -75kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL-XL\u003c\/td\u003e\n\u003ctd\u003e75kg - 95kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eChoose your size based on your usual clothing fit. For between sizes, \u003cbr\u003e\u003cstrong\u003eFit:(Oversized).\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-specs\"\u003e\n\u003ch3\u003eModel Specifications\u003c\/h3\u003e\n\u003ctable class=\"model-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003cth\u003eWeight\u003c\/th\u003e\n\u003cth\u003eWearing Size\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e167cm\u003c\/td\u003e\n\u003ctd\u003e60 kg\u003c\/td\u003e\n\u003ctd\u003eS-M\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eModel wears size S-M for a comfortable, relaxed fit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"S\/M \/ Turkish Brushed Fabric","offer_id":55342163263561,"sku":null,"price":1099.0,"currency_code":"EGP","in_stock":false},{"title":"L\/XL \/ Turkish Brushed Fabric","offer_id":55342163296329,"sku":null,"price":1099.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_8715.heic?v=1791459461"},{"product_id":"petite-light-blue-chambray-wide-leg","title":"Turkish denim pants - light","description":"\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from { opacity: 0; }\n            to { opacity: 1; }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from { width: 0; }\n            to { width: 100%; }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Hero Section *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n            animation: fadeIn 2s ease-in-out;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n\n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Content Container *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto 100px;\n            padding: 0 60px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin-bottom: 60px;\n            opacity: 0;\n            animation: rotateIn 1s forwards;\n            transition: var(--transition-medium);\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 10px 10px 0 var(--black);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n\n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 8px 15px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(5deg);\n        }\n\n        \/* Product Title *\/\n        .cotton-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Description Text *\/\n        .description {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            line-height: 1.8;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 0.8s;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n\n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n\n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.4s;\n        }\n\n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n\n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n\n        .size-table th, .size-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n\n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n\n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Model Specs *\/\n        .model-specs {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.6s;\n        }\n\n        .model-specs h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n\n        .model-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n\n        .model-table th, .model-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n\n        .model-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n\n        .model-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.8s;\n        }\n\n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n\n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n\n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n\n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n\n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n\n            .container {\n                padding: 0 20px;\n            }\n\n            .product-card {\n                padding: 30px 20px;\n            }\n\n            .cotton-title {\n                font-size: 28px;\n            }\n\n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n\n            .spec {\n                min-width: 100%;\n            }\n\n            .size-chart, .model-specs {\n                padding: 40px 20px;\n            }\n\n            .size-chart h3, .model-specs h3 {\n                font-size: 32px;\n            }\n\n            .size-table, .model-table {\n                font-size: 18px;\n            }\n\n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 20px 10px;\n            }\n\n            .size-table th, .model-table th {\n                font-size: 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n\n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n\n            .cotton-title {\n                font-size: 24px;\n            }\n\n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n\n            .size-chart, .model-specs {\n                padding: 30px 15px;\n            }\n\n            .size-chart h3, .model-specs h3 {\n                font-size: 28px;\n            }\n\n            .size-table, .model-table {\n                font-size: 16px;\n            }\n\n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 18px 8px;\n            }\n\n            .size-table th, .model-table th {\n                font-size: 18px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eWeight Range (kg)\u003c\/th\u003e\n\u003cth\u003e\n\u003csection data-turn=\"assistant\" data-scroll-anchor=\"false\" data-testid=\"conversation-turn-4\" data-turn-id=\"request-WEB:25ff98a4-57c4-4855-a685-5bccd22d4350-1\" dir=\"auto\" 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)))]\"\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-turn-start-message=\"true\" 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-message-model-slug=\"gpt-5-3\" dir=\"auto\" data-message-id=\"fd1f87f4-cc39-4bf8-8504-ce2f58d876b4\" data-message-author-role=\"assistant\" 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 dark markdown-new-styling\"\u003e\n\u003cp data-is-only-node=\"\" data-is-last-node=\"\" data-end=\"9\" data-start=\"0\"\u003eHips width\u003cbr\u003e(cm)\u003c\/p\u003e\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\/section\u003e\n\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e45 - 65\u003c\/td\u003e\n\u003ctd\u003e54\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e65 - 75\u003c\/td\u003e\n\u003ctd\u003e56\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e75 - 90\u003c\/td\u003e\n\u003ctd\u003e58\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\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:25ff98a4-57c4-4855-a685-5bccd22d4350-0\" data-testid=\"conversation-turn-2\" 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=\"3c33693c-eb4a-4e11-ac06-84f98d51aaec\" 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 dark markdown-new-styling\"\u003e\n\u003ch4 data-start=\"0\" data-end=\"20\" style=\"text-align: center;\"\u003e\n\u003cstrong\u003e\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/h4\u003e\n\u003ch4 data-start=\"0\" data-end=\"20\" style=\"text-align: center;\"\u003e\u003cstrong\u003ePants length: 105 cm\u003c\/strong\u003e\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mt-3 w-full empty:hidden\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eAll measurements are taken flat. For best fit, measure a similar garment you own.\u003c\/p\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-specs\"\u003e\n\u003ch3\u003eModel Specifications\u003c\/h3\u003e\n\u003ctable class=\"model-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003cth\u003eWeight\u003c\/th\u003e\n\u003cth\u003eWearing Size\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e167cm\u003c\/td\u003e\n\u003ctd\u003e60 kg\u003c\/td\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eModel wears size S for a comfortable, relaxed fit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-specs\"\u003e\n\u003cdiv class=\"spec\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"Xl","offer_id":55589165989961,"sku":null,"price":750.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":55589166022729,"sku":null,"price":750.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":55589166055497,"sku":null,"price":750.0,"currency_code":"EGP","in_stock":true},{"title":"2XL","offer_id":67682722676809,"sku":null,"price":750.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_9992_c6a79963-ad39-41c9-be1e-a8e74d99a7b1.webp?v=1775956053"},{"product_id":"linen-pants-black-1","title":"Linen Pants - Black","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from {\n                width: 0;\n            }\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes float {\n            0% {\n                transform: translateY(0px);\n            }\n            50% {\n                transform: translateY(-10px);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n\n        \/* Hero Section - MODIFIED: white background with black text *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n        \n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Container for better spacing *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 20px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin: 50px auto;\n            opacity: 1;\n            transition: var(--transition-medium);\n            overflow: hidden;\n            border-radius: 10px;\n            max-width: 900px;\n            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n        \n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 10px 20px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(3deg);\n            border-radius: 4px;\n            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);\n        }\n\n        \/* Product Title *\/\n        .linen-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Fix animations to be visible immediately *\/\n        .description {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .fabric-visual {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .feature-list {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .size-chart {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .product-specs {\n            opacity: 1;\n            animation: none;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n        \n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n        \n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n        \n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 40px;\n            margin: 50px 0;\n            border-radius: 8px;\n        }\n        \n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 24px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n        }\n        \n        .size-table th, .size-table td {\n            padding: 18px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n            font-size: 16px;\n        }\n        \n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 400;\n        }\n        \n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Model Info Styling *\/\n        .model-info {\n            text-align: center;\n            margin-top: 35px;\n            padding: 25px;\n            background-color: rgba(0, 0, 0, 0.03);\n            border-radius: 8px;\n        }\n        \n        .model-info h4 {\n            font-family: var(--font-title);\n            font-size: 20px;\n            font-weight: 400;\n            color: var(--black);\n            margin-bottom: 15px;\n            letter-spacing: 1px;\n        }\n        \n        .model-info p {\n            font-size: 15px;\n            color: var(--medium-gray);\n            margin: 8px 0;\n        }\n        \n        .model-stats {\n            display: flex;\n            justify-content: center;\n            gap: 30px;\n            flex-wrap: wrap;\n            margin-top: 15px;\n        }\n        \n        .model-stat {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n        \n        .model-stat span {\n            font-weight: 300;\n            color: var(--medium-gray);\n            font-size: 14px;\n            margin-bottom: 5px;\n        }\n        \n        .model-stat strong {\n            font-weight: 500;\n            color: var(--black);\n            font-size: 16px;\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.6s;\n        }\n        \n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n        \n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n        \n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Highlight Text *\/\n        .highlight {\n            font-weight: 500;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n            \n            .container {\n                padding: 0 20px;\n            }\n            \n            .product-card {\n                padding: 30px 20px;\n            }\n            \n            .linen-title {\n                font-size: 28px;\n            }\n            \n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .spec {\n                min-width: 100%;\n            }\n            \n            .model-stats {\n                gap: 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n            \n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n            \n            .linen-title {\n                font-size: 24px;\n            }\n            \n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n            \n            .model-info h4 {\n                font-size: 18px;\n            }\n            \n            .model-stat span, .model-stat strong {\n                font-size: 14px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"quality-badge\"\u003ePremium Quality\u003c\/div\u003e\n\u003ch2 style=\"margin-top: 20px; margin-bottom: 50px;\" class=\"linen-title\"\u003eLuxury Linen Pants\u003c\/h2\u003e\n\u003cdiv class=\"description\"\u003eDiscover the perfect balance of \u003cspan class=\"highlight\"\u003eelegance and ease\u003c\/span\u003e with our signature linen pants. Each pair is meticulously crafted from the finest flax fibers, creating a lightweight garment that moves with gentle fluidity while maintaining a polished silhouette.\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature\"\u003eMeticulously crafted from the finest flax fibers\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eComfortable waist with graceful leg silhouette\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eBreathable fabric that adapts to your environment\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eEach laundering softens the fabric for personalized comfort\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eVersatile design for professional settings or weekend escapes\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eWeight Range (kg)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e45 - 65\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e65 - 75\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e75 - 90\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch4 data-end=\"20\" data-start=\"0\" style=\"text-align: center;\"\u003e\u003cstrong\u003e\u003cbr\u003eLinen Pants length: 110cm\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 14px; color: var(--medium-gray);\"\u003eOur thoughtful sizing ensures a flattering fit for every woman\u003c\/p\u003e\n\u003cdiv class=\"model-info\"\u003e\n\u003ch4\u003eModel Information\u003c\/h4\u003e\n\u003cdiv class=\"model-stats\"\u003e\n\u003cdiv class=\"model-stat\"\u003e\n\u003cspan\u003eHeight\u003c\/span\u003e \u003cstrong\u003e160 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-stat\"\u003e\n\u003cspan\u003eWeight\u003c\/span\u003e \u003cstrong\u003e60kg\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-stat\"\u003e\n\u003cspan\u003eWearing Size\u003c\/span\u003e \u003cstrong\u003eM\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-specs\"\u003e\n\u003cdiv class=\"spec\"\u003e\n\u003ch3\u003eMaterial\u003c\/h3\u003e\n\u003cp\u003eLinen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec\"\u003e\n\u003ch3\u003eDesign\u003c\/h3\u003e\n\u003cp\u003eSilhouette\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec\"\u003e\n\u003ch3\u003eStyle\u003c\/h3\u003e\n\u003cp\u003eRelaxed Fit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"description\"\u003e\n\u003cbr\u003e\u003cspan style=\"display: block; overflow: hidden; white-space: nowrap; width: 100%; animation: lineGrow 3s steps(8) 1s forwards;\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"Xl \/ Linen","offer_id":55589181620297,"sku":null,"price":599.0,"currency_code":"EGP","in_stock":false},{"title":"M \/ Linen","offer_id":55589181653065,"sku":null,"price":599.0,"currency_code":"EGP","in_stock":true},{"title":"L \/ Linen","offer_id":55589181685833,"sku":null,"price":599.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_0168.heic?v=1783538558"},{"product_id":"long-shirt-linen-beige","title":"Long Shirt Linen - Beige","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;600\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from {\n                width: 0;\n            }\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes float {\n            0% {\n                transform: translateY(0px);\n            }\n            50% {\n                transform: translateY(-10px);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n\n        \/* Hero Section *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n            animation: fadeIn 2s ease-in-out;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n        \n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Content Container *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto 100px;\n            padding: 0 60px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin-bottom: 60px;\n            opacity: 0;\n            animation: rotateIn 1s forwards;\n            transition: var(--transition-medium);\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 10px 10px 0 var(--black);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n        \n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 8px 15px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(5deg);\n        }\n\n        \/* Product Title *\/\n        .cotton-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Description Text *\/\n        .description {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            line-height: 1.8;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 0.8s;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n        \n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n        \n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n        \n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart - Enhanced Size *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.4s;\n        }\n        \n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .size-table th, .size-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Model Specs - Enhanced Size *\/\n        .model-specs {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.6s;\n        }\n        \n        .model-specs h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .model-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .model-table th, .model-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .model-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .model-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.8s;\n        }\n        \n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n        \n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n        \n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Highlight Text *\/\n        .highlight {\n            font-weight: 500;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n            \n            .container {\n                padding: 0 20px;\n            }\n            \n            .product-card {\n                padding: 30px 20px;\n            }\n            \n            .cotton-title {\n                font-size: 28px;\n            }\n            \n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .spec {\n                min-width: 100%;\n            }\n\n            \/* Responsive adjustments for enlarged sections *\/\n            .size-chart, .model-specs {\n                padding: 40px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 32px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 22px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 25px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 24px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n            \n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n            \n            .cotton-title {\n                font-size: 24px;\n            }\n            \n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n\n            \/* Further responsive adjustments *\/\n            .size-chart, .model-specs {\n                padding: 35px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 28px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 20px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 22px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 22px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"quality-badge\"\u003ePremium Linen\u003c\/div\u003e\n\u003ch2 class=\"cotton-title\"\u003eLong Shirt\u003c\/h2\u003e\n\u003cdiv class=\"description\"\u003eCrafted from the finest natural linen fibers, these pieces offer unmatched softness and excellent breathability for all-day comfort.\u003c\/div\u003e\n\u003cdiv class=\"description\"\u003eThe extended length design provides versatile styling options, perfect for layering or wearing as a statement piece.\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature\"\u003eLong Length Design for Versatile Styling\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eNatural Breathability and Moisture-Wicking Properties\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eSoft Hand Feel That Gets Better with Each Wash\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eDurable Construction for Long-Lasting Wear\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eEasy Care and Maintenance\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eWrinkle and Stain Resistant\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003ePerfect for All Seasons\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eBust (cm)\u003c\/th\u003e\n\u003cth\u003eHips (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e56\u003c\/td\u003e\n\u003ctd\u003e62\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e60\u003c\/td\u003e\n\u003ctd\u003e66\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXl\u003c\/td\u003e\n\u003ctd\u003e66\u003c\/td\u003e\n\u003ctd\u003e70\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch4 data-end=\"20\" data-start=\"0\" style=\"text-align: center;\"\u003e\u003cstrong\u003e\u003cbr\u003eLong Shirt length: 133 cm\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eDesigned with a relaxed fit to ensure comfort and movement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-specs\"\u003e\n\u003ch3\u003eModel Specifications\u003c\/h3\u003e\n\u003ctable class=\"model-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003cth\u003eWeight\u003c\/th\u003e\n\u003cth\u003eWearing Size\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e165cm\u003c\/td\u003e\n\u003ctd\u003e60 kg\u003c\/td\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eTailored fit designed for comfort and professional appearance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"M \/ Linen","offer_id":55627644993609,"sku":null,"price":1199.0,"currency_code":"EGP","in_stock":false},{"title":"L \/ Linen","offer_id":55627645026377,"sku":null,"price":1199.0,"currency_code":"EGP","in_stock":false},{"title":"XL \/ Linen","offer_id":55627645059145,"sku":null,"price":1199.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_0296.heic?v=1781127332"},{"product_id":"long-shirt-linen-pink","title":"Long Shirt Linen - Pink","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;600\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from {\n                width: 0;\n            }\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes float {\n            0% {\n                transform: translateY(0px);\n            }\n            50% {\n                transform: translateY(-10px);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n\n        \/* Hero Section *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n            animation: fadeIn 2s ease-in-out;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n        \n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Content Container *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto 100px;\n            padding: 0 60px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin-bottom: 60px;\n            opacity: 0;\n            animation: rotateIn 1s forwards;\n            transition: var(--transition-medium);\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 10px 10px 0 var(--black);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n        \n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 8px 15px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(5deg);\n        }\n\n        \/* Product Title *\/\n        .cotton-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Description Text *\/\n        .description {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            line-height: 1.8;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 0.8s;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n        \n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n        \n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n        \n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart - Enhanced Size *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.4s;\n        }\n        \n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .size-table th, .size-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Model Specs - Enhanced Size *\/\n        .model-specs {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.6s;\n        }\n        \n        .model-specs h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .model-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .model-table th, .model-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .model-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .model-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.8s;\n        }\n        \n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n        \n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n        \n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Highlight Text *\/\n        .highlight {\n            font-weight: 500;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n            \n            .container {\n                padding: 0 20px;\n            }\n            \n            .product-card {\n                padding: 30px 20px;\n            }\n            \n            .cotton-title {\n                font-size: 28px;\n            }\n            \n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .spec {\n                min-width: 100%;\n            }\n\n            \/* Responsive adjustments for enlarged sections *\/\n            .size-chart, .model-specs {\n                padding: 40px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 32px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 22px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 25px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 24px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n            \n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n            \n            .cotton-title {\n                font-size: 24px;\n            }\n            \n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n\n            \/* Further responsive adjustments *\/\n            .size-chart, .model-specs {\n                padding: 35px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 28px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 20px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 22px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 22px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"quality-badge\"\u003ePremium Linen\u003c\/div\u003e\n\u003ch2 class=\"cotton-title\"\u003eLong Shirt\u003c\/h2\u003e\n\u003cdiv class=\"description\"\u003eCrafted from the finest natural linen fibers, these pieces offer unmatched softness and excellent breathability for all-day comfort.\u003c\/div\u003e\n\u003cdiv class=\"description\"\u003eThe extended length design provides versatile styling options, perfect for layering or wearing as a statement piece.\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature\"\u003eLong Length Design for Versatile Styling\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eNatural Breathability and Moisture-Wicking Properties\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eSoft Hand Feel That Gets Better with Each Wash\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eDurable Construction for Long-Lasting Wear\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eEasy Care and Maintenance\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eWrinkle and Stain Resistant\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003ePerfect for All Seasons\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eBust (cm)\u003c\/th\u003e\n\u003cth\u003eHips (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e56\u003c\/td\u003e\n\u003ctd\u003e62\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e60\u003c\/td\u003e\n\u003ctd\u003e66\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXl\u003c\/td\u003e\n\u003ctd\u003e66\u003c\/td\u003e\n\u003ctd\u003e70\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch4 data-end=\"20\" data-start=\"0\" style=\"text-align: center;\"\u003e\u003cstrong\u003e\u003cbr\u003eLong Shirt length: 133 cm\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eDesigned with a relaxed fit to ensure comfort and movement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-specs\"\u003e\n\u003ch3\u003eModel Specifications\u003c\/h3\u003e\n\u003ctable class=\"model-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003cth\u003eWeight\u003c\/th\u003e\n\u003cth\u003eWearing Size\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e165cm\u003c\/td\u003e\n\u003ctd\u003e60 kg\u003c\/td\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eTailored fit designed for comfort and professional appearance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"M \/ Linen","offer_id":55627649974345,"sku":null,"price":800.0,"currency_code":"EGP","in_stock":true},{"title":"L \/ Linen","offer_id":55627650007113,"sku":null,"price":800.0,"currency_code":"EGP","in_stock":true},{"title":"XL \/ Linen","offer_id":55627650039881,"sku":null,"price":800.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_0226.heic?v=1781127023"},{"product_id":"turkish-denim-dark","title":"Long Shirt Turkish denim - Dark","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;600\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from {\n                width: 0;\n            }\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes float {\n            0% {\n                transform: translateY(0px);\n            }\n            50% {\n                transform: translateY(-10px);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n\n        \/* Hero Section *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n            animation: fadeIn 2s ease-in-out;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n        \n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Content Container *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto 100px;\n            padding: 0 60px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin-bottom: 60px;\n            opacity: 0;\n            animation: rotateIn 1s forwards;\n            transition: var(--transition-medium);\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 10px 10px 0 var(--black);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n        \n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 8px 15px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(5deg);\n        }\n\n        \/* Product Title *\/\n        .cotton-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Description Text *\/\n        .description {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            line-height: 1.8;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 0.8s;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n        \n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n        \n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n        \n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart - Enhanced Size *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.4s;\n        }\n        \n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .size-table th, .size-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Model Specs - Enhanced Size *\/\n        .model-specs {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.6s;\n        }\n        \n        .model-specs h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .model-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .model-table th, .model-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .model-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .model-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.8s;\n        }\n        \n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n        \n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n        \n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Highlight Text *\/\n        .highlight {\n            font-weight: 500;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n            \n            .container {\n                padding: 0 20px;\n            }\n            \n            .product-card {\n                padding: 30px 20px;\n            }\n            \n            .cotton-title {\n                font-size: 28px;\n            }\n            \n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .spec {\n                min-width: 100%;\n            }\n\n            \/* Responsive adjustments for enlarged sections *\/\n            .size-chart, .model-specs {\n                padding: 40px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 32px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 22px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 25px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 24px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n            \n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n            \n            .cotton-title {\n                font-size: 24px;\n            }\n            \n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n\n            \/* Further responsive adjustments *\/\n            .size-chart, .model-specs {\n                padding: 35px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 28px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 20px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 22px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 22px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"quality-badge\"\u003ePremium Linen\u003c\/div\u003e\n\u003ch2 class=\"cotton-title\"\u003eLong Shirt\u003c\/h2\u003e\n\u003cdiv class=\"description\"\u003eCrafted from the finest natural linen fibers, these pieces offer unmatched softness and excellent breathability for all-day comfort.\u003c\/div\u003e\n\u003cdiv class=\"description\"\u003eThe extended length design provides versatile styling options, perfect for layering or wearing as a statement piece.\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature\"\u003eLong Length Design for Versatile Styling\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eNatural Breathability and Moisture-Wicking Properties\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eSoft Hand Feel That Gets Better with Each Wash\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eDurable Construction for Long-Lasting Wear\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eEasy Care and Maintenance\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eWrinkle and Stain Resistant\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003ePerfect for All Seasons\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable style=\"width: 99.9107%;\" class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth style=\"width: 26.3362%;\"\u003eSize\u003c\/th\u003e\n\u003cth style=\"width: 36.817%;\"\u003eBust (cm)\u003c\/th\u003e\n\u003cth style=\"width: 36.817%;\"\u003eHips (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 26.3362%;\"\u003eM\u003c\/td\u003e\n\u003ctd style=\"width: 36.817%;\"\u003e56\u003c\/td\u003e\n\u003ctd style=\"width: 36.817%;\"\u003e62\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 26.3362%;\"\u003eL\u003c\/td\u003e\n\u003ctd style=\"width: 36.817%;\"\u003e60\u003c\/td\u003e\n\u003ctd style=\"width: 36.817%;\"\u003e66\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 26.3362%;\"\u003eXl\u003c\/td\u003e\n\u003ctd style=\"width: 36.817%;\"\u003e66\u003c\/td\u003e\n\u003ctd style=\"width: 36.817%;\"\u003e70\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 26.3362%;\"\u003e2XL\u003c\/td\u003e\n\u003ctd style=\"width: 36.817%;\"\u003e70\u003c\/td\u003e\n\u003ctd style=\"width: 36.817%;\"\u003e76\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv class=\"flex max-w-full flex-col gap-4 grow\"\u003e\n\u003cdiv data-message-author-role=\"assistant\" data-message-id=\"3c33693c-eb4a-4e11-ac06-84f98d51aaec\" 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 dark markdown-new-styling\"\u003e\n\u003ch4 style=\"text-align: center;\" data-start=\"0\" data-end=\"20\"\u003e\n\u003cstrong\u003e\u003cbr\u003eLong Shirt length: 137 cm\u003cbr\u003e\u003c\/strong\u003eDesigned with a relaxed fit to ensure comfort and movement\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-specs\"\u003e\n\u003ch3\u003eModel Specifications\u003c\/h3\u003e\n\u003ctable class=\"model-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003cth\u003eWeight\u003c\/th\u003e\n\u003cth\u003eWearing Size\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e165\u003c\/td\u003e\n\u003ctd\u003e60kg\u003c\/td\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eTailored fit designed for comfort and professional appearance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"M \/ Linen","offer_id":55627650367561,"sku":null,"price":1350.0,"currency_code":"EGP","in_stock":false},{"title":"L \/ Linen","offer_id":55627650400329,"sku":null,"price":1350.0,"currency_code":"EGP","in_stock":false},{"title":"XL \/ Linen","offer_id":55627650433097,"sku":null,"price":1350.0,"currency_code":"EGP","in_stock":false},{"title":"2XL \/ Linen","offer_id":55627666292809,"sku":null,"price":1350.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_1570.webp?v=1776091145"},{"product_id":"long-shirt-navy-blue","title":"Long Shirt - Navy Blue","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;600\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from {\n                width: 0;\n            }\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes float {\n            0% {\n                transform: translateY(0px);\n            }\n            50% {\n                transform: translateY(-10px);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n\n        \/* Hero Section *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n            animation: fadeIn 2s ease-in-out;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n        \n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Content Container *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto 100px;\n            padding: 0 60px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin-bottom: 60px;\n            opacity: 0;\n            animation: rotateIn 1s forwards;\n            transition: var(--transition-medium);\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 10px 10px 0 var(--black);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n        \n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 8px 15px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(5deg);\n        }\n\n        \/* Product Title *\/\n        .cotton-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Description Text *\/\n        .description {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            line-height: 1.8;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 0.8s;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n        \n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n        \n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n        \n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart - Enhanced Size *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.4s;\n        }\n        \n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .size-table th, .size-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Model Specs - Enhanced Size *\/\n        .model-specs {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.6s;\n        }\n        \n        .model-specs h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .model-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .model-table th, .model-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .model-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .model-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.8s;\n        }\n        \n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n        \n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n        \n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Highlight Text *\/\n        .highlight {\n            font-weight: 500;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n            \n            .container {\n                padding: 0 20px;\n            }\n            \n            .product-card {\n                padding: 30px 20px;\n            }\n            \n            .cotton-title {\n                font-size: 28px;\n            }\n            \n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .spec {\n                min-width: 100%;\n            }\n\n            \/* Responsive adjustments for enlarged sections *\/\n            .size-chart, .model-specs {\n                padding: 40px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 32px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 22px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 25px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 24px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n            \n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n            \n            .cotton-title {\n                font-size: 24px;\n            }\n            \n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n\n            \/* Further responsive adjustments *\/\n            .size-chart, .model-specs {\n                padding: 35px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 28px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 20px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 22px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 22px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"quality-badge\"\u003ePremium Linen\u003c\/div\u003e\n\u003ch2 class=\"cotton-title\"\u003eLong Shirt\u003c\/h2\u003e\n\u003cdiv class=\"description\"\u003eCrafted from the finest natural linen fibers, these pieces offer unmatched softness and excellent breathability for all-day comfort.\u003c\/div\u003e\n\u003cdiv class=\"description\"\u003eThe extended length design provides versatile styling options, perfect for layering or wearing as a statement piece.\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature\"\u003eLong Length Design for Versatile Styling\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eNatural Breathability and Moisture-Wicking Properties\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eSoft Hand Feel That Gets Better with Each Wash\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eDurable Construction for Long-Lasting Wear\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eEasy Care and Maintenance\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eWrinkle and Stain Resistant\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003ePerfect for All Seasons\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eBust (cm)\u003c\/th\u003e\n\u003cth\u003eHips (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e56\u003c\/td\u003e\n\u003ctd\u003e62\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e60\u003c\/td\u003e\n\u003ctd\u003e66\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXl\u003c\/td\u003e\n\u003ctd\u003e66\u003c\/td\u003e\n\u003ctd\u003e70\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch4 style=\"text-align: center;\" data-start=\"0\" data-end=\"20\"\u003e\u003cstrong\u003e\u003cbr\u003eLong Shirt length: 133 cm\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eDesigned with a relaxed fit to ensure comfort and movement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-specs\"\u003e\n\u003ch3\u003eModel Specifications\u003c\/h3\u003e\n\u003ctable class=\"model-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003cth\u003eWeight\u003c\/th\u003e\n\u003cth\u003eWearing Size\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e165cm\u003c\/td\u003e\n\u003ctd\u003e70 kg\u003c\/td\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eTailored fit designed for comfort and professional appearance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"M \/ Linen","offer_id":55627663409225,"sku":null,"price":1199.0,"currency_code":"EGP","in_stock":true},{"title":"L \/ Linen","offer_id":55627663441993,"sku":null,"price":1199.0,"currency_code":"EGP","in_stock":true},{"title":"XL \/ Linen","offer_id":55627663474761,"sku":null,"price":1199.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_0249.heic?v=1781126342"},{"product_id":"linen-dress-brown","title":"Linen Dress - Brown","description":"\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize Range\u003c\/th\u003e\n\u003cth\u003eBest For\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\/M\u003c\/td\u003e\n\u003ctd\u003e60kg -75kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL-XL\u003c\/td\u003e\n\u003ctd\u003e75kg - 100kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eChoose your size based on your usual clothing fit. For between sizes, \u003cbr\u003e\u003cstrong\u003eFit:(Oversized).\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003e\u003cstrong\u003eHeight: 143\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"S\/M \/ Cotton","offer_id":55628004786249,"sku":null,"price":1499.0,"currency_code":"EGP","in_stock":true},{"title":"L\/XL \/ Cotton","offer_id":55628004819017,"sku":null,"price":1499.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_1956_35bb690a-814b-48fd-83f6-69265dbeb63b.webp?v=1776102578"},{"product_id":"linen-dress-beige","title":"Linen Dress - Beige","description":"\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize Range\u003c\/th\u003e\n\u003cth\u003eBest For\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\/M\u003c\/td\u003e\n\u003ctd\u003e60kg -75kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL-XL\u003c\/td\u003e\n\u003ctd\u003e75kg - 100kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eChoose your size based on your usual clothing fit. For between sizes, \u003cbr\u003e\u003cstrong\u003eFit:(Oversized).\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003e\u003cstrong\u003eHeight : 143\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"S\/M \/ Cotton","offer_id":55628021006409,"sku":null,"price":900.0,"currency_code":"EGP","in_stock":false},{"title":"L\/XL \/ Cotton","offer_id":55628021039177,"sku":null,"price":900.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_1990.webp?v=1776102675"},{"product_id":"linen-dress-yellow","title":"Linen Dress - Yellow","description":"\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize Range\u003c\/th\u003e\n\u003cth\u003eBest For\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\/M\u003c\/td\u003e\n\u003ctd\u003e60kg -75kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL-XL\u003c\/td\u003e\n\u003ctd\u003e75kg - 100kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eChoose your size based on your usual clothing fit. For between sizes, \u003cbr\u003e\u003cstrong\u003eFit:(Oversized).\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003e\u003cstrong\u003eHeight: 143\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"S\/M \/ Cotton","offer_id":55628023201865,"sku":null,"price":900.0,"currency_code":"EGP","in_stock":true},{"title":"L\/XL \/ Cotton","offer_id":55628023234633,"sku":null,"price":900.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_2085.webp?v=1776103056"},{"product_id":"linen-dress-pink","title":"Linen Dress - Pink","description":"\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize Range\u003c\/th\u003e\n\u003cth\u003eBest For\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\/M\u003c\/td\u003e\n\u003ctd\u003e60kg -75kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL-XL\u003c\/td\u003e\n\u003ctd\u003e75kg - 100kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eChoose your size based on your usual clothing fit. For between sizes, \u003cbr\u003e\u003cstrong\u003eFit:(Oversized).\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003e\u003cstrong\u003eHeight: 143\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"S\/M \/ Cotton","offer_id":55628024938569,"sku":null,"price":900.0,"currency_code":"EGP","in_stock":true},{"title":"L\/XL \/ Cotton","offer_id":55628024971337,"sku":null,"price":900.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_2042.webp?v=1776103800"},{"product_id":"turkish-denim-pants-dark","title":"Turkish denim pants - Dark","description":"\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from { opacity: 0; }\n            to { opacity: 1; }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from { width: 0; }\n            to { width: 100%; }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Hero Section *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n            animation: fadeIn 2s ease-in-out;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n\n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Content Container *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto 100px;\n            padding: 0 60px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin-bottom: 60px;\n            opacity: 0;\n            animation: rotateIn 1s forwards;\n            transition: var(--transition-medium);\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 10px 10px 0 var(--black);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n\n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 8px 15px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(5deg);\n        }\n\n        \/* Product Title *\/\n        .cotton-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Description Text *\/\n        .description {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            line-height: 1.8;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 0.8s;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n\n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n\n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.4s;\n        }\n\n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n\n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n\n        .size-table th, .size-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n\n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n\n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Model Specs *\/\n        .model-specs {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.6s;\n        }\n\n        .model-specs h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n\n        .model-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n\n        .model-table th, .model-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n\n        .model-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n\n        .model-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.8s;\n        }\n\n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n\n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n\n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n\n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n\n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n\n            .container {\n                padding: 0 20px;\n            }\n\n            .product-card {\n                padding: 30px 20px;\n            }\n\n            .cotton-title {\n                font-size: 28px;\n            }\n\n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n\n            .spec {\n                min-width: 100%;\n            }\n\n            .size-chart, .model-specs {\n                padding: 40px 20px;\n            }\n\n            .size-chart h3, .model-specs h3 {\n                font-size: 32px;\n            }\n\n            .size-table, .model-table {\n                font-size: 18px;\n            }\n\n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 20px 10px;\n            }\n\n            .size-table th, .model-table th {\n                font-size: 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n\n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n\n            .cotton-title {\n                font-size: 24px;\n            }\n\n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n\n            .size-chart, .model-specs {\n                padding: 30px 15px;\n            }\n\n            .size-chart h3, .model-specs h3 {\n                font-size: 28px;\n            }\n\n            .size-table, .model-table {\n                font-size: 16px;\n            }\n\n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 18px 8px;\n            }\n\n            .size-table th, .model-table th {\n                font-size: 18px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eWeight Range (kg)\u003c\/th\u003e\n\u003cth\u003e\n\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:25ff98a4-57c4-4855-a685-5bccd22d4350-1\" 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=\"fd1f87f4-cc39-4bf8-8504-ce2f58d876b4\" 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 dark markdown-new-styling\"\u003e\n\u003cp data-start=\"0\" data-end=\"9\" data-is-last-node=\"\" data-is-only-node=\"\"\u003eHips width\u003cbr\u003e(cm)\u003c\/p\u003e\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\/section\u003e\n\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e45 - 65\u003c\/td\u003e\n\u003ctd\u003e54\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e65 - 75\u003c\/td\u003e\n\u003ctd\u003e56\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e75 - 90\u003c\/td\u003e\n\u003ctd\u003e58\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003csection data-turn=\"assistant\" data-scroll-anchor=\"false\" data-testid=\"conversation-turn-2\" data-turn-id=\"request-WEB:25ff98a4-57c4-4855-a685-5bccd22d4350-0\" dir=\"auto\" 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)))]\"\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-turn-start-message=\"true\" 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-message-model-slug=\"gpt-5-3\" dir=\"auto\" data-message-id=\"3c33693c-eb4a-4e11-ac06-84f98d51aaec\" data-message-author-role=\"assistant\" 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 dark markdown-new-styling\"\u003e\n\u003ch4 style=\"text-align: center;\" data-end=\"20\" data-start=\"0\"\u003e\n\u003cstrong\u003e\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/h4\u003e\n\u003ch4 style=\"text-align: center;\" data-end=\"20\" data-start=\"0\"\u003e\u003cstrong\u003ePants length: 105 cm\u003c\/strong\u003e\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mt-3 w-full empty:hidden\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eAll measurements are taken flat. For best fit, measure a similar garment you own.\u003c\/p\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-specs\"\u003e\n\u003ch3\u003eModel Specifications\u003c\/h3\u003e\n\u003ctable class=\"model-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003cth\u003eWeight\u003c\/th\u003e\n\u003cth\u003eWearing Size\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e167cm\u003c\/td\u003e\n\u003ctd\u003e60 kg\u003c\/td\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eModel wears size S for a comfortable, relaxed fit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-specs\"\u003e\n\u003cdiv class=\"spec\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"Xl","offer_id":55628027920457,"sku":null,"price":750.0,"currency_code":"EGP","in_stock":false},{"title":"M","offer_id":55628027953225,"sku":null,"price":750.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":55628027985993,"sku":null,"price":750.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_1605.webp?v=1776104368"},{"product_id":"turkish-denim-shirt-dark","title":"Turkish denim shirt - Dark","description":"\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from { opacity: 0; }\n            to { opacity: 1; }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from { width: 0; }\n            to { width: 100%; }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Hero Section *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n            animation: fadeIn 2s ease-in-out;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n\n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Content Container *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto 100px;\n            padding: 0 60px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin-bottom: 60px;\n            opacity: 0;\n            animation: rotateIn 1s forwards;\n            transition: var(--transition-medium);\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 10px 10px 0 var(--black);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n\n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 8px 15px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(5deg);\n        }\n\n        \/* Product Title *\/\n        .cotton-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Description Text *\/\n        .description {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            line-height: 1.8;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 0.8s;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n\n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n\n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.4s;\n        }\n\n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n\n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n\n        .size-table th, .size-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n\n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n\n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Model Specs *\/\n        .model-specs {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.6s;\n        }\n\n        .model-specs h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n\n        .model-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n\n        .model-table th, .model-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n\n        .model-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n\n        .model-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.8s;\n        }\n\n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n\n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n\n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n\n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n\n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n\n            .container {\n                padding: 0 20px;\n            }\n\n            .product-card {\n                padding: 30px 20px;\n            }\n\n            .cotton-title {\n                font-size: 28px;\n            }\n\n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n\n            .spec {\n                min-width: 100%;\n            }\n\n            .size-chart, .model-specs {\n                padding: 40px 20px;\n            }\n\n            .size-chart h3, .model-specs h3 {\n                font-size: 32px;\n            }\n\n            .size-table, .model-table {\n                font-size: 18px;\n            }\n\n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 20px 10px;\n            }\n\n            .size-table th, .model-table th {\n                font-size: 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n\n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n\n            .cotton-title {\n                font-size: 24px;\n            }\n\n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n\n            .size-chart, .model-specs {\n                padding: 30px 15px;\n            }\n\n            .size-chart h3, .model-specs h3 {\n                font-size: 28px;\n            }\n\n            .size-table, .model-table {\n                font-size: 16px;\n            }\n\n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 18px 8px;\n            }\n\n            .size-table th, .model-table th {\n                font-size: 18px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\" style=\"width: 99.9107%; height: 297.951px;\"\u003e\n\u003cthead\u003e\n\u003ctr style=\"height: 88.8889px;\"\u003e\n\u003cth style=\"width: 16.5736%; height: 88.8889px;\"\u003eSize\u003c\/th\u003e\n\u003cth style=\"width: 51.9083%; height: 88.8889px;\"\u003eWeight Range (kg)\u003c\/th\u003e\n\u003cth style=\"width: 31.3692%; height: 88.8889px;\"\u003e\n\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:25ff98a4-57c4-4855-a685-5bccd22d4350-2\" data-testid=\"conversation-turn-6\" 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=\"96c742ec-e1f9-4745-972a-17d90626ff77\" 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 dark markdown-new-styling\"\u003e\n\u003cp data-start=\"0\" data-end=\"11\" data-is-last-node=\"\" data-is-only-node=\"\"\u003eChest width (cm)\u003cbr\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mt-3 w-full empty:hidden\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 69.6875px;\"\u003e\n\u003ctd style=\"width: 16.5736%; height: 69.6875px;\"\u003eM\u003c\/td\u003e\n\u003ctd style=\"width: 51.9083%; height: 69.6875px;\"\u003e45 - 65\u003c\/td\u003e\n\u003ctd style=\"width: 31.3692%; height: 69.6875px;\"\u003e53\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 69.6875px;\"\u003e\n\u003ctd style=\"width: 16.5736%; height: 69.6875px;\"\u003eL\u003c\/td\u003e\n\u003ctd style=\"width: 51.9083%; height: 69.6875px;\"\u003e65 - 75\u003c\/td\u003e\n\u003ctd style=\"width: 31.3692%; height: 69.6875px;\"\u003e56\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 69.6875px;\"\u003e\n\u003ctd style=\"width: 16.5736%; height: 69.6875px;\"\u003eXL\u003c\/td\u003e\n\u003ctd style=\"width: 51.9083%; height: 69.6875px;\"\u003e75 - 90\u003c\/td\u003e\n\u003ctd style=\"width: 31.3692%; height: 69.6875px;\"\u003e59\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv class=\"flex max-w-full flex-col gap-4 grow\"\u003e\n\u003cdiv data-turn-start-message=\"true\" 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-message-model-slug=\"gpt-5-3\" dir=\"auto\" data-message-id=\"3c33693c-eb4a-4e11-ac06-84f98d51aaec\" data-message-author-role=\"assistant\" 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 dark markdown-new-styling\"\u003e\n\u003ch4 data-end=\"20\" data-start=\"0\" style=\"text-align: center;\"\u003e\u003cstrong\u003e\u003cbr\u003eShirt length: 74 cm\u003c\/strong\u003e\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eAll measurements are taken flat. For best fit, measure a similar garment you own.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-specs\"\u003e\n\u003ch3\u003eModel Specifications\u003c\/h3\u003e\n\u003ctable class=\"model-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003cth\u003eWeight\u003c\/th\u003e\n\u003cth\u003eWearing Size\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e167cm\u003c\/td\u003e\n\u003ctd\u003e60 kg\u003c\/td\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eModel wears size S for a comfortable, relaxed fit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-specs\"\u003e\n\u003cdiv class=\"spec\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"M","offer_id":55628046041161,"sku":null,"price":750.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":55628046073929,"sku":null,"price":750.0,"currency_code":"EGP","in_stock":false},{"title":"Xl","offer_id":55628048138313,"sku":null,"price":750.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_1597.webp?v=1776104538"},{"product_id":"womens-suit-2-piece-black","title":"Women's Suit 2 Piece - Black","description":"\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from {\n                width: 0;\n            }\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes float {\n            0% {\n                transform: translateY(0px);\n            }\n            50% {\n                transform: translateY(-10px);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n\n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Hero Section *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n            animation: fadeIn 2s ease-in-out;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n        \n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Content Container *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto 100px;\n            padding: 0 60px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin-bottom: 60px;\n            opacity: 0;\n            animation: rotateIn 1s forwards;\n            transition: var(--transition-medium);\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 10px 10px 0 var(--black);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n        \n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 8px 15px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(5deg);\n        }\n\n        \/* Product Title *\/\n        .cotton-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Description Text *\/\n        .description {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            line-height: 1.8;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 0.8s;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n        \n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n        \n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart - Updated: No Shirt Length Column *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.4s;\n        }\n        \n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .size-table th, .size-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Extra measurements block: pant length + tunic length *\/\n        .extra-measurements {\n            margin-top: 32px;\n            text-align: center;\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 32px;\n            border-top: 1px solid rgba(0,0,0,0.1);\n            padding-top: 28px;\n        }\n\n        .measurement-item {\n            font-family: var(--font-body);\n            font-size: 18px;\n            font-weight: 400;\n            letter-spacing: 0.5px;\n            background: rgba(0,0,0,0.02);\n            padding: 12px 24px;\n            border-radius: 4px;\n            display: inline-block;\n        }\n\n        .measurement-item strong {\n            font-weight: 600;\n            font-family: var(--font-title);\n            font-size: 20px;\n            margin-right: 8px;\n            color: var(--black);\n        }\n\n        \/* Model Specs - Enhanced Size *\/\n        .model-specs {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.6s;\n        }\n        \n        .model-specs h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .model-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .model-table th, .model-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .model-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .model-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.8s;\n        }\n        \n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n        \n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n        \n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Highlight Text *\/\n        .highlight {\n            font-weight: 500;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n            \n            .container {\n                padding: 0 20px;\n            }\n            \n            .product-card {\n                padding: 30px 20px;\n            }\n            \n            .cotton-title {\n                font-size: 28px;\n            }\n            \n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .spec {\n                min-width: 100%;\n            }\n\n            .size-chart, .model-specs {\n                padding: 40px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 32px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 18px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 20px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 20px;\n            }\n            \n            .extra-measurements {\n                flex-direction: column;\n                gap: 16px;\n                align-items: center;\n            }\n            \n            .measurement-item {\n                font-size: 16px;\n                padding: 10px 20px;\n                width: auto;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n            \n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n            \n            .cotton-title {\n                font-size: 24px;\n            }\n            \n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n\n            .size-chart, .model-specs {\n                padding: 35px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 28px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 16px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 16px 8px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 18px;\n            }\n            \n            .measurement-item strong {\n                font-size: 18px;\n            }\n        }\n    \u003c\/style\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"quality-badge\"\u003ePremium Linen\u003c\/div\u003e\n\u003ch2 class=\"cotton-title\"\u003eLinen Set\u003c\/h2\u003e\n\u003cdiv class=\"description\"\u003eA premium \u003cspan class=\"highlight\"\u003elinen set\u003c\/span\u003e consisting of a shirt and pants, designed to give you a coordinated and elegant look. Created from high-quality natural linen fabric, this set offers both comfort and style for various occasions. Perfect for summer days, casual outings, or even semi-formal events.\u003c\/div\u003e\n\u003cdiv class=\"description\"\u003e100% natural linen fabric with a medium weight texture, providing excellent breathability and moisture absorption. The fabric gets softer with each wash while maintaining its structure, perfect for warm weather and layering.\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature\"\u003ePremium linen fabric ensures comfort in various temperatures\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eCoordinated set eliminates the need for matching separate pieces\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eVersatile design suitable for both casual and semi-formal occasions\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eDurable construction with reinforced seams for longevity\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eEasy to mix and match with other items in your wardrobe\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SIZE CHART - UPDATED: Removed Shirt Length column completely --\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eWeight (kg)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e60 - 70\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e70 - 80\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e80 - 90\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c!-- Extra measurements exactly as requested: Pant length 112 cm, Tunic (Fustan\/Fest) length 63 cm --\u003e\n\u003cdiv class=\"extra-measurements\"\u003e\n\u003cdiv class=\"measurement-item\"\u003e\n\u003cstrong\u003ePant Length:\u003c\/strong\u003e 112 cm\u003c\/div\u003e\n\u003cdiv class=\"measurement-item\"\u003e\n\u003cstrong\u003eTunic Length (Fest Koft \/ Tunic):\u003c\/strong\u003e 63 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; margin-top: 28px; font-size: 18px; color: var(--medium-gray);\"\u003eRelaxed fit designed for maximum comfort and movement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- MODEL SPECIFICATIONS (unchanged but enhanced) --\u003e\n\u003cdiv class=\"model-specs\"\u003e\n\u003ch3\u003eModel Specifications\u003c\/h3\u003e\n\u003ctable class=\"model-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003cth\u003eWeight\u003c\/th\u003e\n\u003cth\u003eWearing Size\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e167 cm\u003c\/td\u003e\n\u003ctd\u003e60 kg\u003c\/td\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eTailored fit designed for comfort and professional appearance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- PRODUCT SPECS --\u003e \u003c!-- Small fabric texture accent (optional refined) --\u003e\n\u003cdiv class=\"fabric-visual\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Final note --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"M","offer_id":55676628566089,"sku":null,"price":1400.0,"currency_code":"EGP","in_stock":false},{"title":"L","offer_id":55676628598857,"sku":null,"price":1400.0,"currency_code":"EGP","in_stock":true},{"title":"XL","offer_id":55676628631625,"sku":null,"price":1400.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_5809.webp?v=1778418621"},{"product_id":"womens-suit-2-piece-brown","title":"Women's Suit 2 Piece - Brown","description":"\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from {\n                width: 0;\n            }\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes float {\n            0% {\n                transform: translateY(0px);\n            }\n            50% {\n                transform: translateY(-10px);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n\n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Hero Section *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n            animation: fadeIn 2s ease-in-out;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n        \n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Content Container *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto 100px;\n            padding: 0 60px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin-bottom: 60px;\n            opacity: 0;\n            animation: rotateIn 1s forwards;\n            transition: var(--transition-medium);\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 10px 10px 0 var(--black);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n        \n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 8px 15px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(5deg);\n        }\n\n        \/* Product Title *\/\n        .cotton-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Description Text *\/\n        .description {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            line-height: 1.8;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 0.8s;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n        \n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n        \n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart - Updated: No Shirt Length Column *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.4s;\n        }\n        \n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .size-table th, .size-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Extra measurements block: pant length + tunic length *\/\n        .extra-measurements {\n            margin-top: 32px;\n            text-align: center;\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 32px;\n            border-top: 1px solid rgba(0,0,0,0.1);\n            padding-top: 28px;\n        }\n\n        .measurement-item {\n            font-family: var(--font-body);\n            font-size: 18px;\n            font-weight: 400;\n            letter-spacing: 0.5px;\n            background: rgba(0,0,0,0.02);\n            padding: 12px 24px;\n            border-radius: 4px;\n            display: inline-block;\n        }\n\n        .measurement-item strong {\n            font-weight: 600;\n            font-family: var(--font-title);\n            font-size: 20px;\n            margin-right: 8px;\n            color: var(--black);\n        }\n\n        \/* Model Specs - Enhanced Size *\/\n        .model-specs {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.6s;\n        }\n        \n        .model-specs h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .model-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .model-table th, .model-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .model-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .model-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.8s;\n        }\n        \n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n        \n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n        \n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Highlight Text *\/\n        .highlight {\n            font-weight: 500;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n            \n            .container {\n                padding: 0 20px;\n            }\n            \n            .product-card {\n                padding: 30px 20px;\n            }\n            \n            .cotton-title {\n                font-size: 28px;\n            }\n            \n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .spec {\n                min-width: 100%;\n            }\n\n            .size-chart, .model-specs {\n                padding: 40px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 32px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 18px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 20px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 20px;\n            }\n            \n            .extra-measurements {\n                flex-direction: column;\n                gap: 16px;\n                align-items: center;\n            }\n            \n            .measurement-item {\n                font-size: 16px;\n                padding: 10px 20px;\n                width: auto;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n            \n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n            \n            .cotton-title {\n                font-size: 24px;\n            }\n            \n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n\n            .size-chart, .model-specs {\n                padding: 35px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 28px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 16px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 16px 8px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 18px;\n            }\n            \n            .measurement-item strong {\n                font-size: 18px;\n            }\n        }\n    \u003c\/style\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"quality-badge\"\u003ePremium Linen\u003c\/div\u003e\n\u003ch2 class=\"cotton-title\"\u003eLinen Set\u003c\/h2\u003e\n\u003cdiv class=\"description\"\u003eA premium \u003cspan class=\"highlight\"\u003elinen set\u003c\/span\u003e consisting of a shirt and pants, designed to give you a coordinated and elegant look. Created from high-quality natural linen fabric, this set offers both comfort and style for various occasions. Perfect for summer days, casual outings, or even semi-formal events.\u003c\/div\u003e\n\u003cdiv class=\"description\"\u003e100% natural linen fabric with a medium weight texture, providing excellent breathability and moisture absorption. The fabric gets softer with each wash while maintaining its structure, perfect for warm weather and layering.\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature\"\u003ePremium linen fabric ensures comfort in various temperatures\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eCoordinated set eliminates the need for matching separate pieces\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eVersatile design suitable for both casual and semi-formal occasions\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eDurable construction with reinforced seams for longevity\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eEasy to mix and match with other items in your wardrobe\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SIZE CHART - UPDATED: Removed Shirt Length column completely --\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eWeight (kg)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e60 - 70\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e70 - 80\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e80 - 90\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c!-- Extra measurements exactly as requested: Pant length 112 cm, Tunic (Fustan\/Fest) length 63 cm --\u003e\n\u003cdiv class=\"extra-measurements\"\u003e\n\u003cdiv class=\"measurement-item\"\u003e\n\u003cstrong\u003ePant Length:\u003c\/strong\u003e 112 cm\u003c\/div\u003e\n\u003cdiv class=\"measurement-item\"\u003e\n\u003cstrong\u003eTunic Length (Fest Koft \/ Tunic):\u003c\/strong\u003e 63 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; margin-top: 28px; font-size: 18px; color: var(--medium-gray);\"\u003eRelaxed fit designed for maximum comfort and movement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- MODEL SPECIFICATIONS (unchanged but enhanced) --\u003e\n\u003cdiv class=\"model-specs\"\u003e\n\u003ch3\u003eModel Specifications\u003c\/h3\u003e\n\u003ctable class=\"model-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003cth\u003eWeight\u003c\/th\u003e\n\u003cth\u003eWearing Size\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e167 cm\u003c\/td\u003e\n\u003ctd\u003e60 kg\u003c\/td\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eTailored fit designed for comfort and professional appearance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- PRODUCT SPECS --\u003e \u003c!-- Small fabric texture accent (optional refined) --\u003e\n\u003cdiv class=\"fabric-visual\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Final note --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"M","offer_id":55676628664393,"sku":null,"price":1400.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":55676628697161,"sku":null,"price":1400.0,"currency_code":"EGP","in_stock":true},{"title":"XL","offer_id":55676628729929,"sku":null,"price":1400.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_5841.webp?v=1778419430"},{"product_id":"womens-suit-2-piece-gray","title":"Women's Suit 2 Piece - Gray","description":"\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from {\n                width: 0;\n            }\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes float {\n            0% {\n                transform: translateY(0px);\n            }\n            50% {\n                transform: translateY(-10px);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n\n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Hero Section *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n            animation: fadeIn 2s ease-in-out;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n        \n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Content Container *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto 100px;\n            padding: 0 60px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin-bottom: 60px;\n            opacity: 0;\n            animation: rotateIn 1s forwards;\n            transition: var(--transition-medium);\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 10px 10px 0 var(--black);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n        \n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 8px 15px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(5deg);\n        }\n\n        \/* Product Title *\/\n        .cotton-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Description Text *\/\n        .description {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            line-height: 1.8;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 0.8s;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n        \n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n        \n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart - Updated: No Shirt Length Column *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.4s;\n        }\n        \n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .size-table th, .size-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Extra measurements block: pant length + tunic length *\/\n        .extra-measurements {\n            margin-top: 32px;\n            text-align: center;\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 32px;\n            border-top: 1px solid rgba(0,0,0,0.1);\n            padding-top: 28px;\n        }\n\n        .measurement-item {\n            font-family: var(--font-body);\n            font-size: 18px;\n            font-weight: 400;\n            letter-spacing: 0.5px;\n            background: rgba(0,0,0,0.02);\n            padding: 12px 24px;\n            border-radius: 4px;\n            display: inline-block;\n        }\n\n        .measurement-item strong {\n            font-weight: 600;\n            font-family: var(--font-title);\n            font-size: 20px;\n            margin-right: 8px;\n            color: var(--black);\n        }\n\n        \/* Model Specs - Enhanced Size *\/\n        .model-specs {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.6s;\n        }\n        \n        .model-specs h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .model-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .model-table th, .model-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .model-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .model-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.8s;\n        }\n        \n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n        \n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n        \n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Highlight Text *\/\n        .highlight {\n            font-weight: 500;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n            \n            .container {\n                padding: 0 20px;\n            }\n            \n            .product-card {\n                padding: 30px 20px;\n            }\n            \n            .cotton-title {\n                font-size: 28px;\n            }\n            \n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .spec {\n                min-width: 100%;\n            }\n\n            .size-chart, .model-specs {\n                padding: 40px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 32px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 18px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 20px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 20px;\n            }\n            \n            .extra-measurements {\n                flex-direction: column;\n                gap: 16px;\n                align-items: center;\n            }\n            \n            .measurement-item {\n                font-size: 16px;\n                padding: 10px 20px;\n                width: auto;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n            \n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n            \n            .cotton-title {\n                font-size: 24px;\n            }\n            \n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n\n            .size-chart, .model-specs {\n                padding: 35px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 28px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 16px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 16px 8px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 18px;\n            }\n            \n            .measurement-item strong {\n                font-size: 18px;\n            }\n        }\n    \u003c\/style\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"quality-badge\"\u003ePremium Linen\u003c\/div\u003e\n\u003ch2 class=\"cotton-title\"\u003eLinen Set\u003c\/h2\u003e\n\u003cdiv class=\"description\"\u003eA premium \u003cspan class=\"highlight\"\u003elinen set\u003c\/span\u003e consisting of a shirt and pants, designed to give you a coordinated and elegant look. Created from high-quality natural linen fabric, this set offers both comfort and style for various occasions. Perfect for summer days, casual outings, or even semi-formal events.\u003c\/div\u003e\n\u003cdiv class=\"description\"\u003e100% natural linen fabric with a medium weight texture, providing excellent breathability and moisture absorption. The fabric gets softer with each wash while maintaining its structure, perfect for warm weather and layering.\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature\"\u003ePremium linen fabric ensures comfort in various temperatures\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eCoordinated set eliminates the need for matching separate pieces\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eVersatile design suitable for both casual and semi-formal occasions\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eDurable construction with reinforced seams for longevity\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eEasy to mix and match with other items in your wardrobe\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SIZE CHART - UPDATED: Removed Shirt Length column completely --\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eWeight (kg)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e60 - 70\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e70 - 80\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e80 - 90\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c!-- Extra measurements exactly as requested: Pant length 112 cm, Tunic (Fustan\/Fest) length 63 cm --\u003e\n\u003cdiv class=\"extra-measurements\"\u003e\n\u003cdiv class=\"measurement-item\"\u003e\n\u003cstrong\u003ePant Length:\u003c\/strong\u003e 112 cm\u003c\/div\u003e\n\u003cdiv class=\"measurement-item\"\u003e\n\u003cstrong\u003eTunic Length (Fest Koft \/ Tunic):\u003c\/strong\u003e 63 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; margin-top: 28px; font-size: 18px; color: var(--medium-gray);\"\u003eRelaxed fit designed for maximum comfort and movement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- MODEL SPECIFICATIONS (unchanged but enhanced) --\u003e\n\u003cdiv class=\"model-specs\"\u003e\n\u003ch3\u003eModel Specifications\u003c\/h3\u003e\n\u003ctable class=\"model-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003cth\u003eWeight\u003c\/th\u003e\n\u003cth\u003eWearing Size\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e167 cm\u003c\/td\u003e\n\u003ctd\u003e60 kg\u003c\/td\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eTailored fit designed for comfort and professional appearance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- PRODUCT SPECS --\u003e \u003c!-- Small fabric texture accent (optional refined) --\u003e\n\u003cdiv class=\"fabric-visual\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Final note --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"M","offer_id":55676629155913,"sku":null,"price":1400.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":55676629188681,"sku":null,"price":1400.0,"currency_code":"EGP","in_stock":true},{"title":"XL","offer_id":55676629221449,"sku":null,"price":1400.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_5753.webp?v=1778419596"},{"product_id":"womens-suit-2-piece-navy","title":"Women's Suit 2 Piece - Navy","description":"\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from {\n                width: 0;\n            }\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes float {\n            0% {\n                transform: translateY(0px);\n            }\n            50% {\n                transform: translateY(-10px);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n\n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Hero Section *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n            animation: fadeIn 2s ease-in-out;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n        \n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Content Container *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto 100px;\n            padding: 0 60px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin-bottom: 60px;\n            opacity: 0;\n            animation: rotateIn 1s forwards;\n            transition: var(--transition-medium);\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 10px 10px 0 var(--black);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n        \n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 8px 15px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(5deg);\n        }\n\n        \/* Product Title *\/\n        .cotton-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Description Text *\/\n        .description {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            line-height: 1.8;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 0.8s;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n        \n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n        \n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart - Updated: No Shirt Length Column *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.4s;\n        }\n        \n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .size-table th, .size-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Extra measurements block: pant length + tunic length *\/\n        .extra-measurements {\n            margin-top: 32px;\n            text-align: center;\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 32px;\n            border-top: 1px solid rgba(0,0,0,0.1);\n            padding-top: 28px;\n        }\n\n        .measurement-item {\n            font-family: var(--font-body);\n            font-size: 18px;\n            font-weight: 400;\n            letter-spacing: 0.5px;\n            background: rgba(0,0,0,0.02);\n            padding: 12px 24px;\n            border-radius: 4px;\n            display: inline-block;\n        }\n\n        .measurement-item strong {\n            font-weight: 600;\n            font-family: var(--font-title);\n            font-size: 20px;\n            margin-right: 8px;\n            color: var(--black);\n        }\n\n        \/* Model Specs - Enhanced Size *\/\n        .model-specs {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.6s;\n        }\n        \n        .model-specs h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .model-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .model-table th, .model-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .model-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .model-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.8s;\n        }\n        \n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n        \n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n        \n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Highlight Text *\/\n        .highlight {\n            font-weight: 500;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n            \n            .container {\n                padding: 0 20px;\n            }\n            \n            .product-card {\n                padding: 30px 20px;\n            }\n            \n            .cotton-title {\n                font-size: 28px;\n            }\n            \n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .spec {\n                min-width: 100%;\n            }\n\n            .size-chart, .model-specs {\n                padding: 40px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 32px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 18px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 20px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 20px;\n            }\n            \n            .extra-measurements {\n                flex-direction: column;\n                gap: 16px;\n                align-items: center;\n            }\n            \n            .measurement-item {\n                font-size: 16px;\n                padding: 10px 20px;\n                width: auto;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n            \n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n            \n            .cotton-title {\n                font-size: 24px;\n            }\n            \n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n\n            .size-chart, .model-specs {\n                padding: 35px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 28px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 16px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 16px 8px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 18px;\n            }\n            \n            .measurement-item strong {\n                font-size: 18px;\n            }\n        }\n    \u003c\/style\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"quality-badge\"\u003ePremium Linen\u003c\/div\u003e\n\u003ch2 class=\"cotton-title\"\u003eLinen Set\u003c\/h2\u003e\n\u003cdiv class=\"description\"\u003eA premium \u003cspan class=\"highlight\"\u003elinen set\u003c\/span\u003e consisting of a shirt and pants, designed to give you a coordinated and elegant look. Created from high-quality natural linen fabric, this set offers both comfort and style for various occasions. Perfect for summer days, casual outings, or even semi-formal events.\u003c\/div\u003e\n\u003cdiv class=\"description\"\u003e100% natural linen fabric with a medium weight texture, providing excellent breathability and moisture absorption. The fabric gets softer with each wash while maintaining its structure, perfect for warm weather and layering.\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature\"\u003ePremium linen fabric ensures comfort in various temperatures\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eCoordinated set eliminates the need for matching separate pieces\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eVersatile design suitable for both casual and semi-formal occasions\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eDurable construction with reinforced seams for longevity\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eEasy to mix and match with other items in your wardrobe\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SIZE CHART - UPDATED: Removed Shirt Length column completely --\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eWeight (kg)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e60 - 70\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e70 - 80\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e80 - 90\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c!-- Extra measurements exactly as requested: Pant length 112 cm, Tunic (Fustan\/Fest) length 63 cm --\u003e\n\u003cdiv class=\"extra-measurements\"\u003e\n\u003cdiv class=\"measurement-item\"\u003e\n\u003cstrong\u003ePant Length:\u003c\/strong\u003e 112 cm\u003c\/div\u003e\n\u003cdiv class=\"measurement-item\"\u003e\n\u003cstrong\u003eTunic Length (Fest Koft \/ Tunic):\u003c\/strong\u003e 63 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; margin-top: 28px; font-size: 18px; color: var(--medium-gray);\"\u003eRelaxed fit designed for maximum comfort and movement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- MODEL SPECIFICATIONS (unchanged but enhanced) --\u003e\n\u003cdiv class=\"model-specs\"\u003e\n\u003ch3\u003eModel Specifications\u003c\/h3\u003e\n\u003ctable class=\"model-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003cth\u003eWeight\u003c\/th\u003e\n\u003cth\u003eWearing Size\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e167 cm\u003c\/td\u003e\n\u003ctd\u003e60 kg\u003c\/td\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eTailored fit designed for comfort and professional appearance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- PRODUCT SPECS --\u003e \u003c!-- Small fabric texture accent (optional refined) --\u003e\n\u003cdiv class=\"fabric-visual\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Final note --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"M","offer_id":55676629319753,"sku":null,"price":1400.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":55676629352521,"sku":null,"price":1400.0,"currency_code":"EGP","in_stock":true},{"title":"XL","offer_id":55676629385289,"sku":null,"price":1400.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_5916.webp?v=1778419804"},{"product_id":"wide-leg-pants-black","title":"Wide-leg Pants - Black","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from {\n                width: 0;\n            }\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes float {\n            0% {\n                transform: translateY(0px);\n            }\n            50% {\n                transform: translateY(-10px);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n\n        \/* Hero Section - MODIFIED: white background with black text *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n        \n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Container for better spacing *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 20px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin: 50px auto;\n            opacity: 1;\n            transition: var(--transition-medium);\n            overflow: hidden;\n            border-radius: 10px;\n            max-width: 900px;\n            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n        \n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 10px 20px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(3deg);\n            border-radius: 4px;\n            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);\n        }\n\n        \/* Product Title *\/\n        .linen-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Fix animations to be visible immediately *\/\n        .description {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .fabric-visual {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .feature-list {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .size-chart {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .product-specs {\n            opacity: 1;\n            animation: none;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n        \n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n        \n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n        \n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 40px;\n            margin: 50px 0;\n            border-radius: 8px;\n        }\n        \n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 24px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n        }\n        \n        .size-table th, .size-table td {\n            padding: 18px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n            font-size: 16px;\n        }\n        \n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 400;\n        }\n        \n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Model Info Styling *\/\n        .model-info {\n            text-align: center;\n            margin-top: 35px;\n            padding: 25px;\n            background-color: rgba(0, 0, 0, 0.03);\n            border-radius: 8px;\n        }\n        \n        .model-info h4 {\n            font-family: var(--font-title);\n            font-size: 20px;\n            font-weight: 400;\n            color: var(--black);\n            margin-bottom: 15px;\n            letter-spacing: 1px;\n        }\n        \n        .model-info p {\n            font-size: 15px;\n            color: var(--medium-gray);\n            margin: 8px 0;\n        }\n        \n        .model-stats {\n            display: flex;\n            justify-content: center;\n            gap: 30px;\n            flex-wrap: wrap;\n            margin-top: 15px;\n        }\n        \n        .model-stat {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n        \n        .model-stat span {\n            font-weight: 300;\n            color: var(--medium-gray);\n            font-size: 14px;\n            margin-bottom: 5px;\n        }\n        \n        .model-stat strong {\n            font-weight: 500;\n            color: var(--black);\n            font-size: 16px;\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.6s;\n        }\n        \n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n        \n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n        \n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Highlight Text *\/\n        .highlight {\n            font-weight: 500;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n            \n            .container {\n                padding: 0 20px;\n            }\n            \n            .product-card {\n                padding: 30px 20px;\n            }\n            \n            .linen-title {\n                font-size: 28px;\n            }\n            \n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .spec {\n                min-width: 100%;\n            }\n            \n            .model-stats {\n                gap: 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n            \n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n            \n            .linen-title {\n                font-size: 24px;\n            }\n            \n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n            \n            .model-info h4 {\n                font-size: 18px;\n            }\n            \n            .model-stat span, .model-stat strong {\n                font-size: 14px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"quality-badge\"\u003ePremium Quality\u003c\/div\u003e\n\u003ch2 style=\"margin-top: 20px; margin-bottom: 50px;\" class=\"linen-title\"\u003eLuxury wide-leg - Pants\u003c\/h2\u003e\n\u003cdiv class=\"description\"\u003eDiscover the perfect balance of \u003cspan class=\"highlight\"\u003eelegance and ease\u003c\/span\u003e with our signature linen pants. Each pair is meticulously crafted from the finest flax fibers, creating a lightweight garment that moves with gentle fluidity while maintaining a polished silhouette.\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature\"\u003eMeticulously crafted from the finest flax fibers\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eComfortable waist with graceful leg silhouette\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eBreathable fabric that adapts to your environment\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eEach laundering softens the fabric for personalized comfort\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eWeight Range (kg)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e50 - 64\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e65 - 74\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e75 - 80\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch4 data-end=\"20\" data-start=\"0\" style=\"text-align: center;\"\u003e\u003cstrong\u003e\u003cbr\u003ePants length: 112cm\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 14px; color: var(--medium-gray);\"\u003eOur thoughtful sizing ensures a flattering fit for every woman\u003c\/p\u003e\n\u003cdiv class=\"model-info\"\u003e\n\u003ch4\u003eModel Information\u003c\/h4\u003e\n\u003cdiv class=\"model-stats\"\u003e\n\u003cdiv class=\"model-stat\"\u003e\n\u003cspan\u003eHeight\u003c\/span\u003e \u003cstrong\u003e160 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-stat\"\u003e\n\u003cspan\u003eWeight\u003c\/span\u003e \u003cstrong\u003e60kg\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-stat\"\u003e\n\u003cspan\u003eWearing Size\u003c\/span\u003e \u003cstrong\u003eM\u003c\/strong\u003e\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":"Monaliza","offers":[{"title":"M","offer_id":55685802328137,"sku":null,"price":899.0,"currency_code":"EGP","in_stock":false},{"title":"L","offer_id":55685802360905,"sku":null,"price":899.0,"currency_code":"EGP","in_stock":false},{"title":"XL","offer_id":55685823070281,"sku":null,"price":899.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_5924.webp?v=1778781404"},{"product_id":"wide-leg-pants-gray","title":"Wide-leg Pants - Gray","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from {\n                width: 0;\n            }\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes float {\n            0% {\n                transform: translateY(0px);\n            }\n            50% {\n                transform: translateY(-10px);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n\n        \/* Hero Section - MODIFIED: white background with black text *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n        \n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Container for better spacing *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 20px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin: 50px auto;\n            opacity: 1;\n            transition: var(--transition-medium);\n            overflow: hidden;\n            border-radius: 10px;\n            max-width: 900px;\n            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n        \n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 10px 20px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(3deg);\n            border-radius: 4px;\n            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);\n        }\n\n        \/* Product Title *\/\n        .linen-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Fix animations to be visible immediately *\/\n        .description {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .fabric-visual {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .feature-list {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .size-chart {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .product-specs {\n            opacity: 1;\n            animation: none;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n        \n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n        \n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n        \n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 40px;\n            margin: 50px 0;\n            border-radius: 8px;\n        }\n        \n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 24px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n        }\n        \n        .size-table th, .size-table td {\n            padding: 18px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n            font-size: 16px;\n        }\n        \n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 400;\n        }\n        \n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Model Info Styling *\/\n        .model-info {\n            text-align: center;\n            margin-top: 35px;\n            padding: 25px;\n            background-color: rgba(0, 0, 0, 0.03);\n            border-radius: 8px;\n        }\n        \n        .model-info h4 {\n            font-family: var(--font-title);\n            font-size: 20px;\n            font-weight: 400;\n            color: var(--black);\n            margin-bottom: 15px;\n            letter-spacing: 1px;\n        }\n        \n        .model-info p {\n            font-size: 15px;\n            color: var(--medium-gray);\n            margin: 8px 0;\n        }\n        \n        .model-stats {\n            display: flex;\n            justify-content: center;\n            gap: 30px;\n            flex-wrap: wrap;\n            margin-top: 15px;\n        }\n        \n        .model-stat {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n        \n        .model-stat span {\n            font-weight: 300;\n            color: var(--medium-gray);\n            font-size: 14px;\n            margin-bottom: 5px;\n        }\n        \n        .model-stat strong {\n            font-weight: 500;\n            color: var(--black);\n            font-size: 16px;\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.6s;\n        }\n        \n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n        \n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n        \n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Highlight Text *\/\n        .highlight {\n            font-weight: 500;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n            \n            .container {\n                padding: 0 20px;\n            }\n            \n            .product-card {\n                padding: 30px 20px;\n            }\n            \n            .linen-title {\n                font-size: 28px;\n            }\n            \n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .spec {\n                min-width: 100%;\n            }\n            \n            .model-stats {\n                gap: 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n            \n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n            \n            .linen-title {\n                font-size: 24px;\n            }\n            \n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n            \n            .model-info h4 {\n                font-size: 18px;\n            }\n            \n            .model-stat span, .model-stat strong {\n                font-size: 14px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"quality-badge\"\u003ePremium Quality\u003c\/div\u003e\n\u003ch2 style=\"margin-top: 20px; margin-bottom: 50px;\" class=\"linen-title\"\u003eLuxury wide-leg - Pants\u003c\/h2\u003e\n\u003cdiv class=\"description\"\u003eDiscover the perfect balance of \u003cspan class=\"highlight\"\u003eelegance and ease\u003c\/span\u003e with our signature linen pants. Each pair is meticulously crafted from the finest flax fibers, creating a lightweight garment that moves with gentle fluidity while maintaining a polished silhouette.\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature\"\u003eMeticulously crafted from the finest flax fibers\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eComfortable waist with graceful leg silhouette\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eBreathable fabric that adapts to your environment\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eEach laundering softens the fabric for personalized comfort\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eWeight Range (kg)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e50 - 64\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e65 - 74\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e75 - 80\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch4 data-end=\"20\" data-start=\"0\" style=\"text-align: center;\"\u003e\u003cstrong\u003e\u003cbr\u003ePants length: 112cm\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 14px; color: var(--medium-gray);\"\u003eOur thoughtful sizing ensures a flattering fit for every woman\u003c\/p\u003e\n\u003cdiv class=\"model-info\"\u003e\n\u003ch4\u003eModel Information\u003c\/h4\u003e\n\u003cdiv class=\"model-stats\"\u003e\n\u003cdiv class=\"model-stat\"\u003e\n\u003cspan\u003eHeight\u003c\/span\u003e \u003cstrong\u003e160 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-stat\"\u003e\n\u003cspan\u003eWeight\u003c\/span\u003e \u003cstrong\u003e60kg\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-stat\"\u003e\n\u003cspan\u003eWearing Size\u003c\/span\u003e \u003cstrong\u003eM\u003c\/strong\u003e\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":"Monaliza","offers":[{"title":"M","offer_id":55685836406857,"sku":null,"price":899.0,"currency_code":"EGP","in_stock":false},{"title":"L","offer_id":55685836439625,"sku":null,"price":899.0,"currency_code":"EGP","in_stock":false},{"title":"XL","offer_id":55685836472393,"sku":null,"price":899.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_5951.webp?v=1778782181"},{"product_id":"wide-leg-pants-brown","title":"Wide-leg Pants - Brown","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from {\n                width: 0;\n            }\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes float {\n            0% {\n                transform: translateY(0px);\n            }\n            50% {\n                transform: translateY(-10px);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n\n        \/* Hero Section - MODIFIED: white background with black text *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n        \n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Container for better spacing *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 20px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin: 50px auto;\n            opacity: 1;\n            transition: var(--transition-medium);\n            overflow: hidden;\n            border-radius: 10px;\n            max-width: 900px;\n            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n        \n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 10px 20px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(3deg);\n            border-radius: 4px;\n            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);\n        }\n\n        \/* Product Title *\/\n        .linen-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Fix animations to be visible immediately *\/\n        .description {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .fabric-visual {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .feature-list {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .size-chart {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .product-specs {\n            opacity: 1;\n            animation: none;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n        \n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n        \n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n        \n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 40px;\n            margin: 50px 0;\n            border-radius: 8px;\n        }\n        \n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 24px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n        }\n        \n        .size-table th, .size-table td {\n            padding: 18px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n            font-size: 16px;\n        }\n        \n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 400;\n        }\n        \n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Model Info Styling *\/\n        .model-info {\n            text-align: center;\n            margin-top: 35px;\n            padding: 25px;\n            background-color: rgba(0, 0, 0, 0.03);\n            border-radius: 8px;\n        }\n        \n        .model-info h4 {\n            font-family: var(--font-title);\n            font-size: 20px;\n            font-weight: 400;\n            color: var(--black);\n            margin-bottom: 15px;\n            letter-spacing: 1px;\n        }\n        \n        .model-info p {\n            font-size: 15px;\n            color: var(--medium-gray);\n            margin: 8px 0;\n        }\n        \n        .model-stats {\n            display: flex;\n            justify-content: center;\n            gap: 30px;\n            flex-wrap: wrap;\n            margin-top: 15px;\n        }\n        \n        .model-stat {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n        \n        .model-stat span {\n            font-weight: 300;\n            color: var(--medium-gray);\n            font-size: 14px;\n            margin-bottom: 5px;\n        }\n        \n        .model-stat strong {\n            font-weight: 500;\n            color: var(--black);\n            font-size: 16px;\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.6s;\n        }\n        \n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n        \n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n        \n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Highlight Text *\/\n        .highlight {\n            font-weight: 500;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n            \n            .container {\n                padding: 0 20px;\n            }\n            \n            .product-card {\n                padding: 30px 20px;\n            }\n            \n            .linen-title {\n                font-size: 28px;\n            }\n            \n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .spec {\n                min-width: 100%;\n            }\n            \n            .model-stats {\n                gap: 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n            \n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n            \n            .linen-title {\n                font-size: 24px;\n            }\n            \n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n            \n            .model-info h4 {\n                font-size: 18px;\n            }\n            \n            .model-stat span, .model-stat strong {\n                font-size: 14px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"quality-badge\"\u003ePremium Quality\u003c\/div\u003e\n\u003ch2 style=\"margin-top: 20px; margin-bottom: 50px;\" class=\"linen-title\"\u003eLuxury wide-leg - Pants\u003c\/h2\u003e\n\u003cdiv class=\"description\"\u003eDiscover the perfect balance of \u003cspan class=\"highlight\"\u003eelegance and ease\u003c\/span\u003e with our signature linen pants. Each pair is meticulously crafted from the finest flax fibers, creating a lightweight garment that moves with gentle fluidity while maintaining a polished silhouette.\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature\"\u003eMeticulously crafted from the finest flax fibers\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eComfortable waist with graceful leg silhouette\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eBreathable fabric that adapts to your environment\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eEach laundering softens the fabric for personalized comfort\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eWeight Range (kg)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e50 - 64\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e65 - 74\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e75 - 80\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch4 data-end=\"20\" data-start=\"0\" style=\"text-align: center;\"\u003e\u003cstrong\u003e\u003cbr\u003ePants length: 112cm\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 14px; color: var(--medium-gray);\"\u003eOur thoughtful sizing ensures a flattering fit for every woman\u003c\/p\u003e\n\u003cdiv class=\"model-info\"\u003e\n\u003ch4\u003eModel Information\u003c\/h4\u003e\n\u003cdiv class=\"model-stats\"\u003e\n\u003cdiv class=\"model-stat\"\u003e\n\u003cspan\u003eHeight\u003c\/span\u003e \u003cstrong\u003e160 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-stat\"\u003e\n\u003cspan\u003eWeight\u003c\/span\u003e \u003cstrong\u003e60kg\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-stat\"\u003e\n\u003cspan\u003eWearing Size\u003c\/span\u003e \u003cstrong\u003eM\u003c\/strong\u003e\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":"Monaliza","offers":[{"title":"M","offer_id":55685840470089,"sku":null,"price":899.0,"currency_code":"EGP","in_stock":false},{"title":"L","offer_id":55685840502857,"sku":null,"price":899.0,"currency_code":"EGP","in_stock":false},{"title":"XL","offer_id":55685840535625,"sku":null,"price":899.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_5969.webp?v=1778782250"},{"product_id":"wide-leg-pants-beige","title":"Wide-leg Pants - Beige","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from {\n                width: 0;\n            }\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes float {\n            0% {\n                transform: translateY(0px);\n            }\n            50% {\n                transform: translateY(-10px);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n\n        \/* Hero Section - MODIFIED: white background with black text *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n        \n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Container for better spacing *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 20px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin: 50px auto;\n            opacity: 1;\n            transition: var(--transition-medium);\n            overflow: hidden;\n            border-radius: 10px;\n            max-width: 900px;\n            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n        \n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 10px 20px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(3deg);\n            border-radius: 4px;\n            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);\n        }\n\n        \/* Product Title *\/\n        .linen-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Fix animations to be visible immediately *\/\n        .description {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .fabric-visual {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .feature-list {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .size-chart {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .product-specs {\n            opacity: 1;\n            animation: none;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n        \n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n        \n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n        \n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 40px;\n            margin: 50px 0;\n            border-radius: 8px;\n        }\n        \n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 24px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n        }\n        \n        .size-table th, .size-table td {\n            padding: 18px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n            font-size: 16px;\n        }\n        \n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 400;\n        }\n        \n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Model Info Styling *\/\n        .model-info {\n            text-align: center;\n            margin-top: 35px;\n            padding: 25px;\n            background-color: rgba(0, 0, 0, 0.03);\n            border-radius: 8px;\n        }\n        \n        .model-info h4 {\n            font-family: var(--font-title);\n            font-size: 20px;\n            font-weight: 400;\n            color: var(--black);\n            margin-bottom: 15px;\n            letter-spacing: 1px;\n        }\n        \n        .model-info p {\n            font-size: 15px;\n            color: var(--medium-gray);\n            margin: 8px 0;\n        }\n        \n        .model-stats {\n            display: flex;\n            justify-content: center;\n            gap: 30px;\n            flex-wrap: wrap;\n            margin-top: 15px;\n        }\n        \n        .model-stat {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n        \n        .model-stat span {\n            font-weight: 300;\n            color: var(--medium-gray);\n            font-size: 14px;\n            margin-bottom: 5px;\n        }\n        \n        .model-stat strong {\n            font-weight: 500;\n            color: var(--black);\n            font-size: 16px;\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.6s;\n        }\n        \n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n        \n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n        \n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Highlight Text *\/\n        .highlight {\n            font-weight: 500;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n            \n            .container {\n                padding: 0 20px;\n            }\n            \n            .product-card {\n                padding: 30px 20px;\n            }\n            \n            .linen-title {\n                font-size: 28px;\n            }\n            \n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .spec {\n                min-width: 100%;\n            }\n            \n            .model-stats {\n                gap: 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n            \n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n            \n            .linen-title {\n                font-size: 24px;\n            }\n            \n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n            \n            .model-info h4 {\n                font-size: 18px;\n            }\n            \n            .model-stat span, .model-stat strong {\n                font-size: 14px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"quality-badge\"\u003ePremium Quality\u003c\/div\u003e\n\u003ch2 style=\"margin-top: 20px; margin-bottom: 50px;\" class=\"linen-title\"\u003eLuxury wide-leg - Pants\u003c\/h2\u003e\n\u003cdiv class=\"description\"\u003eDiscover the perfect balance of \u003cspan class=\"highlight\"\u003eelegance and ease\u003c\/span\u003e with our signature linen pants. Each pair is meticulously crafted from the finest flax fibers, creating a lightweight garment that moves with gentle fluidity while maintaining a polished silhouette.\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature\"\u003eMeticulously crafted from the finest flax fibers\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eComfortable waist with graceful leg silhouette\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eBreathable fabric that adapts to your environment\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eEach laundering softens the fabric for personalized comfort\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eWeight Range (kg)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e50 - 64\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e65 - 74\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e75 - 80\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch4 data-end=\"20\" data-start=\"0\" style=\"text-align: center;\"\u003e\u003cstrong\u003e\u003cbr\u003ePants length: 112cm\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 14px; color: var(--medium-gray);\"\u003eOur thoughtful sizing ensures a flattering fit for every woman\u003c\/p\u003e\n\u003cdiv class=\"model-info\"\u003e\n\u003ch4\u003eModel Information\u003c\/h4\u003e\n\u003cdiv class=\"model-stats\"\u003e\n\u003cdiv class=\"model-stat\"\u003e\n\u003cspan\u003eHeight\u003c\/span\u003e \u003cstrong\u003e160 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-stat\"\u003e\n\u003cspan\u003eWeight\u003c\/span\u003e \u003cstrong\u003e60kg\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"model-stat\"\u003e\n\u003cspan\u003eWearing Size\u003c\/span\u003e \u003cstrong\u003eM\u003c\/strong\u003e\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":"Monaliza","offers":[{"title":"M","offer_id":55685850300489,"sku":null,"price":899.0,"currency_code":"EGP","in_stock":false},{"title":"L","offer_id":55685850333257,"sku":null,"price":899.0,"currency_code":"EGP","in_stock":false},{"title":"XL","offer_id":55685850366025,"sku":null,"price":899.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_5976.webp?v=1778782532"},{"product_id":"womens-suit-2-piece-black-copy","title":"Power Suit 2 Piece - Black","description":"\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from {\n                width: 0;\n            }\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes float {\n            0% {\n                transform: translateY(0px);\n            }\n            50% {\n                transform: translateY(-10px);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n\n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Hero Section *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n            animation: fadeIn 2s ease-in-out;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n        \n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Content Container *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto 100px;\n            padding: 0 60px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin-bottom: 60px;\n            opacity: 0;\n            animation: rotateIn 1s forwards;\n            transition: var(--transition-medium);\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 10px 10px 0 var(--black);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n        \n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 8px 15px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(5deg);\n        }\n\n        \/* Product Title *\/\n        .cotton-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Description Text *\/\n        .description {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            line-height: 1.8;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 0.8s;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n        \n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n        \n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart - Updated: No Shirt Length Column *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.4s;\n        }\n        \n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .size-table th, .size-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Extra measurements block: pant length + tunic length *\/\n        .extra-measurements {\n            margin-top: 32px;\n            text-align: center;\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 32px;\n            border-top: 1px solid rgba(0,0,0,0.1);\n            padding-top: 28px;\n        }\n\n        .measurement-item {\n            font-family: var(--font-body);\n            font-size: 18px;\n            font-weight: 400;\n            letter-spacing: 0.5px;\n            background: rgba(0,0,0,0.02);\n            padding: 12px 24px;\n            border-radius: 4px;\n            display: inline-block;\n        }\n\n        .measurement-item strong {\n            font-weight: 600;\n            font-family: var(--font-title);\n            font-size: 20px;\n            margin-right: 8px;\n            color: var(--black);\n        }\n\n        \/* Model Specs - Enhanced Size *\/\n        .model-specs {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.6s;\n        }\n        \n        .model-specs h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .model-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .model-table th, .model-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .model-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .model-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.8s;\n        }\n        \n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n        \n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n        \n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Highlight Text *\/\n        .highlight {\n            font-weight: 500;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n            \n            .container {\n                padding: 0 20px;\n            }\n            \n            .product-card {\n                padding: 30px 20px;\n            }\n            \n            .cotton-title {\n                font-size: 28px;\n            }\n            \n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .spec {\n                min-width: 100%;\n            }\n\n            .size-chart, .model-specs {\n                padding: 40px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 32px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 18px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 20px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 20px;\n            }\n            \n            .extra-measurements {\n                flex-direction: column;\n                gap: 16px;\n                align-items: center;\n            }\n            \n            .measurement-item {\n                font-size: 16px;\n                padding: 10px 20px;\n                width: auto;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n            \n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n            \n            .cotton-title {\n                font-size: 24px;\n            }\n            \n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n\n            .size-chart, .model-specs {\n                padding: 35px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 28px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 16px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 16px 8px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 18px;\n            }\n            \n            .measurement-item strong {\n                font-size: 18px;\n            }\n        }\n    \u003c\/style\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"quality-badge\"\u003ePremium Linen\u003c\/div\u003e\n\u003ch2 class=\"cotton-title\"\u003eLinen Set\u003c\/h2\u003e\n\u003cdiv class=\"description\"\u003eA premium \u003cspan class=\"highlight\"\u003elinen set\u003c\/span\u003e consisting of a shirt and pants, designed to give you a coordinated and elegant look. Created from high-quality natural linen fabric, this set offers both comfort and style for various occasions. Perfect for summer days, casual outings, or even semi-formal events.\u003c\/div\u003e\n\u003cdiv class=\"description\"\u003e100% natural linen fabric with a medium weight texture, providing excellent breathability and moisture absorption. The fabric gets softer with each wash while maintaining its structure, perfect for warm weather and layering.\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature\"\u003ePremium linen fabric ensures comfort in various temperatures\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eCoordinated set eliminates the need for matching separate pieces\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eVersatile design suitable for both casual and semi-formal occasions\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eDurable construction with reinforced seams for longevity\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eEasy to mix and match with other items in your wardrobe\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SIZE CHART - UPDATED: Removed Shirt Length column completely --\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eWeight (kg)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e60 - 70\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e70 - 80\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e80 - 90\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c!-- Extra measurements exactly as requested: Pant length 112 cm, Tunic (Fustan\/Fest) length 63 cm --\u003e\n\u003cdiv class=\"extra-measurements\"\u003e\n\u003cdiv class=\"measurement-item\"\u003e\n\u003cstrong\u003ePant Length:\u003c\/strong\u003e 112 cm\u003c\/div\u003e\n\u003cdiv class=\"measurement-item\"\u003e\n\u003cstrong\u003eTunic Length (Fest Koft \/ Tunic):\u003c\/strong\u003e 63 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; margin-top: 28px; font-size: 18px; color: var(--medium-gray);\"\u003eRelaxed fit designed for maximum comfort and movement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- MODEL SPECIFICATIONS (unchanged but enhanced) --\u003e\n\u003cdiv class=\"model-specs\"\u003e\n\u003ch3\u003eModel Specifications\u003c\/h3\u003e\n\u003ctable class=\"model-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003cth\u003eWeight\u003c\/th\u003e\n\u003cth\u003eWearing Size\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e167 cm\u003c\/td\u003e\n\u003ctd\u003e60 kg\u003c\/td\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eTailored fit designed for comfort and professional appearance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- PRODUCT SPECS --\u003e \u003c!-- Small fabric texture accent (optional refined) --\u003e\n\u003cdiv class=\"fabric-visual\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Final note --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"M","offer_id":55761600479305,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":55761600512073,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":false},{"title":"XL","offer_id":55761600544841,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_1904.heic?v=1782406170"},{"product_id":"power-suit-2-piece-black-copy","title":"Power Suit 2 Piece - Navy","description":"\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from {\n                width: 0;\n            }\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes float {\n            0% {\n                transform: translateY(0px);\n            }\n            50% {\n                transform: translateY(-10px);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n\n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Hero Section *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n            animation: fadeIn 2s ease-in-out;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n        \n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Content Container *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto 100px;\n            padding: 0 60px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin-bottom: 60px;\n            opacity: 0;\n            animation: rotateIn 1s forwards;\n            transition: var(--transition-medium);\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 10px 10px 0 var(--black);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n        \n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 8px 15px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(5deg);\n        }\n\n        \/* Product Title *\/\n        .cotton-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Description Text *\/\n        .description {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            line-height: 1.8;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 0.8s;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n        \n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n        \n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart - Updated: No Shirt Length Column *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.4s;\n        }\n        \n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .size-table th, .size-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Extra measurements block: pant length + tunic length *\/\n        .extra-measurements {\n            margin-top: 32px;\n            text-align: center;\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 32px;\n            border-top: 1px solid rgba(0,0,0,0.1);\n            padding-top: 28px;\n        }\n\n        .measurement-item {\n            font-family: var(--font-body);\n            font-size: 18px;\n            font-weight: 400;\n            letter-spacing: 0.5px;\n            background: rgba(0,0,0,0.02);\n            padding: 12px 24px;\n            border-radius: 4px;\n            display: inline-block;\n        }\n\n        .measurement-item strong {\n            font-weight: 600;\n            font-family: var(--font-title);\n            font-size: 20px;\n            margin-right: 8px;\n            color: var(--black);\n        }\n\n        \/* Model Specs - Enhanced Size *\/\n        .model-specs {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.6s;\n        }\n        \n        .model-specs h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .model-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .model-table th, .model-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .model-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .model-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.8s;\n        }\n        \n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n        \n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n        \n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Highlight Text *\/\n        .highlight {\n            font-weight: 500;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n            \n            .container {\n                padding: 0 20px;\n            }\n            \n            .product-card {\n                padding: 30px 20px;\n            }\n            \n            .cotton-title {\n                font-size: 28px;\n            }\n            \n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .spec {\n                min-width: 100%;\n            }\n\n            .size-chart, .model-specs {\n                padding: 40px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 32px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 18px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 20px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 20px;\n            }\n            \n            .extra-measurements {\n                flex-direction: column;\n                gap: 16px;\n                align-items: center;\n            }\n            \n            .measurement-item {\n                font-size: 16px;\n                padding: 10px 20px;\n                width: auto;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n            \n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n            \n            .cotton-title {\n                font-size: 24px;\n            }\n            \n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n\n            .size-chart, .model-specs {\n                padding: 35px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 28px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 16px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 16px 8px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 18px;\n            }\n            \n            .measurement-item strong {\n                font-size: 18px;\n            }\n        }\n    \u003c\/style\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"quality-badge\"\u003ePremium Linen\u003c\/div\u003e\n\u003ch2 class=\"cotton-title\"\u003eLinen Set\u003c\/h2\u003e\n\u003cdiv class=\"description\"\u003eA premium \u003cspan class=\"highlight\"\u003elinen set\u003c\/span\u003e consisting of a shirt and pants, designed to give you a coordinated and elegant look. Created from high-quality natural linen fabric, this set offers both comfort and style for various occasions. Perfect for summer days, casual outings, or even semi-formal events.\u003c\/div\u003e\n\u003cdiv class=\"description\"\u003e100% natural linen fabric with a medium weight texture, providing excellent breathability and moisture absorption. The fabric gets softer with each wash while maintaining its structure, perfect for warm weather and layering.\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature\"\u003ePremium linen fabric ensures comfort in various temperatures\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eCoordinated set eliminates the need for matching separate pieces\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eVersatile design suitable for both casual and semi-formal occasions\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eDurable construction with reinforced seams for longevity\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eEasy to mix and match with other items in your wardrobe\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SIZE CHART - UPDATED: Removed Shirt Length column completely --\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eWeight (kg)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e60 - 70\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e70 - 80\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e80 - 90\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c!-- Extra measurements exactly as requested: Pant length 112 cm, Tunic (Fustan\/Fest) length 63 cm --\u003e\n\u003cdiv class=\"extra-measurements\"\u003e\n\u003cdiv class=\"measurement-item\"\u003e\n\u003cstrong\u003ePant Length:\u003c\/strong\u003e 112 cm\u003c\/div\u003e\n\u003cdiv class=\"measurement-item\"\u003e\n\u003cstrong\u003eTunic Length (Fest Koft \/ Tunic):\u003c\/strong\u003e 63 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; margin-top: 28px; font-size: 18px; color: var(--medium-gray);\"\u003eRelaxed fit designed for maximum comfort and movement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- MODEL SPECIFICATIONS (unchanged but enhanced) --\u003e\n\u003cdiv class=\"model-specs\"\u003e\n\u003ch3\u003eModel Specifications\u003c\/h3\u003e\n\u003ctable class=\"model-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003cth\u003eWeight\u003c\/th\u003e\n\u003cth\u003eWearing Size\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e167 cm\u003c\/td\u003e\n\u003ctd\u003e60 kg\u003c\/td\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eTailored fit designed for comfort and professional appearance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- PRODUCT SPECS --\u003e \u003c!-- Small fabric texture accent (optional refined) --\u003e\n\u003cdiv class=\"fabric-visual\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Final note --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"M","offer_id":55761637179465,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":55761637212233,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":true},{"title":"XL","offer_id":55761637245001,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_1863.heic?v=1782410674"},{"product_id":"womens-suit-2-piece-gray-copy","title":"Power Suit 2 Piece - Brown","description":"\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from {\n                width: 0;\n            }\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes float {\n            0% {\n                transform: translateY(0px);\n            }\n            50% {\n                transform: translateY(-10px);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n\n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Hero Section *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n            animation: fadeIn 2s ease-in-out;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n        \n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Content Container *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto 100px;\n            padding: 0 60px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin-bottom: 60px;\n            opacity: 0;\n            animation: rotateIn 1s forwards;\n            transition: var(--transition-medium);\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 10px 10px 0 var(--black);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n        \n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 8px 15px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(5deg);\n        }\n\n        \/* Product Title *\/\n        .cotton-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Description Text *\/\n        .description {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            line-height: 1.8;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 0.8s;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n        \n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n        \n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart - Updated: No Shirt Length Column *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.4s;\n        }\n        \n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .size-table th, .size-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Extra measurements block: pant length + tunic length *\/\n        .extra-measurements {\n            margin-top: 32px;\n            text-align: center;\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 32px;\n            border-top: 1px solid rgba(0,0,0,0.1);\n            padding-top: 28px;\n        }\n\n        .measurement-item {\n            font-family: var(--font-body);\n            font-size: 18px;\n            font-weight: 400;\n            letter-spacing: 0.5px;\n            background: rgba(0,0,0,0.02);\n            padding: 12px 24px;\n            border-radius: 4px;\n            display: inline-block;\n        }\n\n        .measurement-item strong {\n            font-weight: 600;\n            font-family: var(--font-title);\n            font-size: 20px;\n            margin-right: 8px;\n            color: var(--black);\n        }\n\n        \/* Model Specs - Enhanced Size *\/\n        .model-specs {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.6s;\n        }\n        \n        .model-specs h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .model-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .model-table th, .model-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .model-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .model-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.8s;\n        }\n        \n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n        \n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n        \n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Highlight Text *\/\n        .highlight {\n            font-weight: 500;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n            \n            .container {\n                padding: 0 20px;\n            }\n            \n            .product-card {\n                padding: 30px 20px;\n            }\n            \n            .cotton-title {\n                font-size: 28px;\n            }\n            \n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .spec {\n                min-width: 100%;\n            }\n\n            .size-chart, .model-specs {\n                padding: 40px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 32px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 18px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 20px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 20px;\n            }\n            \n            .extra-measurements {\n                flex-direction: column;\n                gap: 16px;\n                align-items: center;\n            }\n            \n            .measurement-item {\n                font-size: 16px;\n                padding: 10px 20px;\n                width: auto;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n            \n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n            \n            .cotton-title {\n                font-size: 24px;\n            }\n            \n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n\n            .size-chart, .model-specs {\n                padding: 35px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 28px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 16px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 16px 8px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 18px;\n            }\n            \n            .measurement-item strong {\n                font-size: 18px;\n            }\n        }\n    \u003c\/style\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"quality-badge\"\u003ePremium Linen\u003c\/div\u003e\n\u003ch2 class=\"cotton-title\"\u003eLinen Set\u003c\/h2\u003e\n\u003cdiv class=\"description\"\u003eA premium \u003cspan class=\"highlight\"\u003elinen set\u003c\/span\u003e consisting of a shirt and pants, designed to give you a coordinated and elegant look. Created from high-quality natural linen fabric, this set offers both comfort and style for various occasions. Perfect for summer days, casual outings, or even semi-formal events.\u003c\/div\u003e\n\u003cdiv class=\"description\"\u003e100% natural linen fabric with a medium weight texture, providing excellent breathability and moisture absorption. The fabric gets softer with each wash while maintaining its structure, perfect for warm weather and layering.\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature\"\u003ePremium linen fabric ensures comfort in various temperatures\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eCoordinated set eliminates the need for matching separate pieces\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eVersatile design suitable for both casual and semi-formal occasions\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eDurable construction with reinforced seams for longevity\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eEasy to mix and match with other items in your wardrobe\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SIZE CHART - UPDATED: Removed Shirt Length column completely --\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eWeight (kg)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e60 - 70\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e70 - 80\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e80 - 90\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c!-- Extra measurements exactly as requested: Pant length 112 cm, Tunic (Fustan\/Fest) length 63 cm --\u003e\n\u003cdiv class=\"extra-measurements\"\u003e\n\u003cdiv class=\"measurement-item\"\u003e\n\u003cstrong\u003ePant Length:\u003c\/strong\u003e 112 cm\u003c\/div\u003e\n\u003cdiv class=\"measurement-item\"\u003e\n\u003cstrong\u003eTunic Length (Fest Koft \/ Tunic):\u003c\/strong\u003e 63 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; margin-top: 28px; font-size: 18px; color: var(--medium-gray);\"\u003eRelaxed fit designed for maximum comfort and movement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- MODEL SPECIFICATIONS (unchanged but enhanced) --\u003e\n\u003cdiv class=\"model-specs\"\u003e\n\u003ch3\u003eModel Specifications\u003c\/h3\u003e\n\u003ctable class=\"model-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003cth\u003eWeight\u003c\/th\u003e\n\u003cth\u003eWearing Size\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e167 cm\u003c\/td\u003e\n\u003ctd\u003e60 kg\u003c\/td\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eTailored fit designed for comfort and professional appearance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- PRODUCT SPECS --\u003e \u003c!-- Small fabric texture accent (optional refined) --\u003e\n\u003cdiv class=\"fabric-visual\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Final note --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"M","offer_id":55761642061897,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":55761642094665,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":true},{"title":"XL","offer_id":55761642127433,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_1879.heic?v=1782409563"},{"product_id":"power-suit-2-piece-brown-copy","title":"Power Suit 2 Piece - Burgundy","description":"\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from {\n                width: 0;\n            }\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes float {\n            0% {\n                transform: translateY(0px);\n            }\n            50% {\n                transform: translateY(-10px);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n\n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Hero Section *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n            animation: fadeIn 2s ease-in-out;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n        \n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Content Container *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto 100px;\n            padding: 0 60px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin-bottom: 60px;\n            opacity: 0;\n            animation: rotateIn 1s forwards;\n            transition: var(--transition-medium);\n            overflow: hidden;\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 10px 10px 0 var(--black);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n        \n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 8px 15px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(5deg);\n        }\n\n        \/* Product Title *\/\n        .cotton-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Description Text *\/\n        .description {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            line-height: 1.8;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 0.8s;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n        \n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n        \n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart - Updated: No Shirt Length Column *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.4s;\n        }\n        \n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .size-table th, .size-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Extra measurements block: pant length + tunic length *\/\n        .extra-measurements {\n            margin-top: 32px;\n            text-align: center;\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 32px;\n            border-top: 1px solid rgba(0,0,0,0.1);\n            padding-top: 28px;\n        }\n\n        .measurement-item {\n            font-family: var(--font-body);\n            font-size: 18px;\n            font-weight: 400;\n            letter-spacing: 0.5px;\n            background: rgba(0,0,0,0.02);\n            padding: 12px 24px;\n            border-radius: 4px;\n            display: inline-block;\n        }\n\n        .measurement-item strong {\n            font-weight: 600;\n            font-family: var(--font-title);\n            font-size: 20px;\n            margin-right: 8px;\n            color: var(--black);\n        }\n\n        \/* Model Specs - Enhanced Size *\/\n        .model-specs {\n            background-color: var(--light-gray);\n            padding: 60px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: scaleIn 1.5s forwards 1.6s;\n        }\n        \n        .model-specs h3 {\n            font-family: var(--font-title);\n            font-size: 36px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .model-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 20px;\n        }\n        \n        .model-table th, .model-table td {\n            padding: 28px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        }\n        \n        .model-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 500;\n            font-size: 22px;\n        }\n        \n        .model-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 0 0 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.8s;\n        }\n        \n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n        \n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n        \n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Highlight Text *\/\n        .highlight {\n            font-weight: 500;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n            \n            .container {\n                padding: 0 20px;\n            }\n            \n            .product-card {\n                padding: 30px 20px;\n            }\n            \n            .cotton-title {\n                font-size: 28px;\n            }\n            \n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .spec {\n                min-width: 100%;\n            }\n\n            .size-chart, .model-specs {\n                padding: 40px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 32px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 18px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 20px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 20px;\n            }\n            \n            .extra-measurements {\n                flex-direction: column;\n                gap: 16px;\n                align-items: center;\n            }\n            \n            .measurement-item {\n                font-size: 16px;\n                padding: 10px 20px;\n                width: auto;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n            \n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n            \n            .cotton-title {\n                font-size: 24px;\n            }\n            \n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n\n            .size-chart, .model-specs {\n                padding: 35px 20px;\n            }\n            \n            .size-chart h3, .model-specs h3 {\n                font-size: 28px;\n            }\n            \n            .size-table, .model-table {\n                font-size: 16px;\n            }\n            \n            .size-table th, .size-table td,\n            .model-table th, .model-table td {\n                padding: 16px 8px;\n            }\n            \n            .size-table th, .model-table th {\n                font-size: 18px;\n            }\n            \n            .measurement-item strong {\n                font-size: 18px;\n            }\n        }\n    \u003c\/style\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"quality-badge\"\u003ePremium Linen\u003c\/div\u003e\n\u003ch2 class=\"cotton-title\"\u003eLinen Set\u003c\/h2\u003e\n\u003cdiv class=\"description\"\u003eA premium \u003cspan class=\"highlight\"\u003elinen set\u003c\/span\u003e consisting of a shirt and pants, designed to give you a coordinated and elegant look. Created from high-quality natural linen fabric, this set offers both comfort and style for various occasions. Perfect for summer days, casual outings, or even semi-formal events.\u003c\/div\u003e\n\u003cdiv class=\"description\"\u003e100% natural linen fabric with a medium weight texture, providing excellent breathability and moisture absorption. The fabric gets softer with each wash while maintaining its structure, perfect for warm weather and layering.\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature\"\u003ePremium linen fabric ensures comfort in various temperatures\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eCoordinated set eliminates the need for matching separate pieces\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eVersatile design suitable for both casual and semi-formal occasions\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eDurable construction with reinforced seams for longevity\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eEasy to mix and match with other items in your wardrobe\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SIZE CHART - UPDATED: Removed Shirt Length column completely --\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eWeight (kg)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e60 - 70\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e70 - 80\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e80 - 90\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c!-- Extra measurements exactly as requested: Pant length 112 cm, Tunic (Fustan\/Fest) length 63 cm --\u003e\n\u003cdiv class=\"extra-measurements\"\u003e\n\u003cdiv class=\"measurement-item\"\u003e\n\u003cstrong\u003ePant Length:\u003c\/strong\u003e 112 cm\u003c\/div\u003e\n\u003cdiv class=\"measurement-item\"\u003e\n\u003cstrong\u003eTunic Length (Fest Koft \/ Tunic):\u003c\/strong\u003e 63 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; margin-top: 28px; font-size: 18px; color: var(--medium-gray);\"\u003eRelaxed fit designed for maximum comfort and movement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- MODEL SPECIFICATIONS (unchanged but enhanced) --\u003e\n\u003cdiv class=\"model-specs\"\u003e\n\u003ch3\u003eModel Specifications\u003c\/h3\u003e\n\u003ctable class=\"model-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003cth\u003eWeight\u003c\/th\u003e\n\u003cth\u003eWearing Size\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e167 cm\u003c\/td\u003e\n\u003ctd\u003e60 kg\u003c\/td\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 18px; color: var(--medium-gray);\"\u003eTailored fit designed for comfort and professional appearance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- PRODUCT SPECS --\u003e \u003c!-- Small fabric texture accent (optional refined) --\u003e\n\u003cdiv class=\"fabric-visual\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Final note --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"M","offer_id":55761644781641,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":55761644814409,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":false},{"title":"XL","offer_id":55761644847177,"sku":null,"price":1100.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_2662.heic?v=1782409762"},{"product_id":"polka-dot-wide-leg-pants","title":"Polka Dot Wide Leg Pants","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from {\n                width: 0;\n            }\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes float {\n            0% {\n                transform: translateY(0px);\n            }\n            50% {\n                transform: translateY(-10px);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n\n        \/* Hero Section - MODIFIED: white background with black text *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n        \n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Container for better spacing *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 20px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin: 50px auto;\n            opacity: 1;\n            transition: var(--transition-medium);\n            overflow: hidden;\n            border-radius: 10px;\n            max-width: 900px;\n            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n        \n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 10px 20px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(3deg);\n            border-radius: 4px;\n            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);\n        }\n\n        \/* Product Title *\/\n        .linen-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Fix animations to be visible immediately *\/\n        .description {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .fabric-visual {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .feature-list {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .size-chart {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .product-specs {\n            opacity: 1;\n            animation: none;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n        \n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n        \n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n        \n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 40px;\n            margin: 50px 0;\n            border-radius: 8px;\n        }\n        \n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 24px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n        }\n        \n        .size-table th, .size-table td {\n            padding: 18px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n            font-size: 16px;\n        }\n        \n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 400;\n        }\n        \n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Model Info Styling *\/\n        .model-info {\n            text-align: center;\n            margin-top: 35px;\n            padding: 25px;\n            background-color: rgba(0, 0, 0, 0.03);\n            border-radius: 8px;\n        }\n        \n        .model-info h4 {\n            font-family: var(--font-title);\n            font-size: 20px;\n            font-weight: 400;\n            color: var(--black);\n            margin-bottom: 15px;\n            letter-spacing: 1px;\n        }\n        \n        .model-info p {\n            font-size: 15px;\n            color: var(--medium-gray);\n            margin: 8px 0;\n        }\n        \n        .model-stats {\n            display: flex;\n            justify-content: center;\n            gap: 30px;\n            flex-wrap: wrap;\n            margin-top: 15px;\n        }\n        \n        .model-stat {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n        \n        .model-stat span {\n            font-weight: 300;\n            color: var(--medium-gray);\n            font-size: 14px;\n            margin-bottom: 5px;\n        }\n        \n        .model-stat strong {\n            font-weight: 500;\n            color: var(--black);\n            font-size: 16px;\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.6s;\n        }\n        \n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n        \n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n        \n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Highlight Text *\/\n        .highlight {\n            font-weight: 500;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n            \n            .container {\n                padding: 0 20px;\n            }\n            \n            .product-card {\n                padding: 30px 20px;\n            }\n            \n            .linen-title {\n                font-size: 28px;\n            }\n            \n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .spec {\n                min-width: 100%;\n            }\n            \n            .model-stats {\n                gap: 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n            \n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n            \n            .linen-title {\n                font-size: 24px;\n            }\n            \n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n            \n            .model-info h4 {\n                font-size: 18px;\n            }\n            \n            .model-stat span, .model-stat strong {\n                font-size: 14px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"quality-badge\"\u003ePremium Quality\u003c\/div\u003e\n\u003ch2 class=\"linen-title\" style=\"margin-top: 20px; margin-bottom: 50px;\"\u003ePolka Dot Wide Leg Pants\u003c\/h2\u003e\n\u003cdiv class=\"description\"\u003eDiscover the perfect balance of \u003cspan class=\"highlight\"\u003eelegance and ease\u003c\/span\u003e with our signature linen pants. Each pair is meticulously crafted from the finest flax fibers, creating a lightweight garment that moves with gentle fluidity while maintaining a polished silhouette.\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature\"\u003eMeticulously crafted from the finest flax fibers\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eComfortable waist with graceful leg silhouette\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eBreathable fabric that adapts to your environment\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eEach laundering softens the fabric for personalized comfort\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-table\" style=\"width: 100.121%;\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth style=\"width: 43.9614%;\"\u003eSize\u003c\/th\u003e\n\u003cth style=\"width: 56.0386%;\"\u003ePolka Dot Wide Leg Pants\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 43.9614%;\"\u003eM\u003c\/td\u003e\n\u003ctd style=\"width: 56.0386%;\"\u003eSold Out\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 43.9614%;\"\u003eL\u003c\/td\u003e\n\u003ctd style=\"width: 56.0386%;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003eAvailable\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 43.9614%;\"\u003eXL\u003c\/td\u003e\n\u003ctd style=\"width: 56.0386%;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003eAvailable\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch4 style=\"text-align: center;\" data-start=\"0\" data-end=\"20\"\u003e\u003cstrong\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 14px; color: var(--medium-gray);\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"M","offer_id":55810485157961,"sku":null,"price":950.0,"currency_code":"EGP","in_stock":false},{"title":"L","offer_id":55810485190729,"sku":null,"price":950.0,"currency_code":"EGP","in_stock":true},{"title":"XL","offer_id":55810485223497,"sku":null,"price":950.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_2066.heic?v=1784077079"},{"product_id":"midnight-polka-pants-navy","title":"Midnight Polka Pants Navy","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from {\n                width: 0;\n            }\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes float {\n            0% {\n                transform: translateY(0px);\n            }\n            50% {\n                transform: translateY(-10px);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n\n        \/* Hero Section - MODIFIED: white background with black text *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n        \n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Container for better spacing *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 20px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin: 50px auto;\n            opacity: 1;\n            transition: var(--transition-medium);\n            overflow: hidden;\n            border-radius: 10px;\n            max-width: 900px;\n            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n        \n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 10px 20px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(3deg);\n            border-radius: 4px;\n            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);\n        }\n\n        \/* Product Title *\/\n        .linen-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Fix animations to be visible immediately *\/\n        .description {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .fabric-visual {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .feature-list {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .size-chart {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .product-specs {\n            opacity: 1;\n            animation: none;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n        \n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n        \n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n        \n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 40px;\n            margin: 50px 0;\n            border-radius: 8px;\n        }\n        \n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 24px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n        }\n        \n        .size-table th, .size-table td {\n            padding: 18px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n            font-size: 16px;\n        }\n        \n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 400;\n        }\n        \n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Model Info Styling *\/\n        .model-info {\n            text-align: center;\n            margin-top: 35px;\n            padding: 25px;\n            background-color: rgba(0, 0, 0, 0.03);\n            border-radius: 8px;\n        }\n        \n        .model-info h4 {\n            font-family: var(--font-title);\n            font-size: 20px;\n            font-weight: 400;\n            color: var(--black);\n            margin-bottom: 15px;\n            letter-spacing: 1px;\n        }\n        \n        .model-info p {\n            font-size: 15px;\n            color: var(--medium-gray);\n            margin: 8px 0;\n        }\n        \n        .model-stats {\n            display: flex;\n            justify-content: center;\n            gap: 30px;\n            flex-wrap: wrap;\n            margin-top: 15px;\n        }\n        \n        .model-stat {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n        \n        .model-stat span {\n            font-weight: 300;\n            color: var(--medium-gray);\n            font-size: 14px;\n            margin-bottom: 5px;\n        }\n        \n        .model-stat strong {\n            font-weight: 500;\n            color: var(--black);\n            font-size: 16px;\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.6s;\n        }\n        \n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n        \n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n        \n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Highlight Text *\/\n        .highlight {\n            font-weight: 500;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n            \n            .container {\n                padding: 0 20px;\n            }\n            \n            .product-card {\n                padding: 30px 20px;\n            }\n            \n            .linen-title {\n                font-size: 28px;\n            }\n            \n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .spec {\n                min-width: 100%;\n            }\n            \n            .model-stats {\n                gap: 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n            \n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n            \n            .linen-title {\n                font-size: 24px;\n            }\n            \n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n            \n            .model-info h4 {\n                font-size: 18px;\n            }\n            \n            .model-stat span, .model-stat strong {\n                font-size: 14px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"quality-badge\"\u003ePremium Quality\u003c\/div\u003e\n\u003ch2 style=\"margin-top: 20px; margin-bottom: 50px;\" class=\"linen-title\"\u003e\n\u003cmeta charset=\"utf-8\"\u003eMidnight Polka Pants\u003c\/h2\u003e\n\u003cdiv class=\"description\"\u003eDiscover the perfect balance of \u003cspan class=\"highlight\"\u003eelegance and ease\u003c\/span\u003e with our signature linen pants. Each pair is meticulously crafted from the finest flax fibers, creating a lightweight garment that moves with gentle fluidity while maintaining a polished silhouette.\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature\"\u003eMeticulously crafted from the finest flax fibers\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eComfortable waist with graceful leg silhouette\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eBreathable fabric that adapts to your environment\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eEach laundering softens the fabric for personalized comfort\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable style=\"width: 100.121%;\" class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth style=\"width: 43.9614%;\"\u003eSize\u003c\/th\u003e\n\u003cth style=\"width: 56.0386%;\"\u003ePolka Dot Wide Leg Pants\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 43.9614%;\"\u003eM\u003c\/td\u003e\n\u003ctd style=\"width: 56.0386%;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003eAvailable\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 43.9614%;\"\u003eL\u003c\/td\u003e\n\u003ctd style=\"width: 56.0386%;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003eAvailable\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 43.9614%;\"\u003eXL\u003c\/td\u003e\n\u003ctd style=\"width: 56.0386%;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003eAvailable\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch4 data-end=\"20\" data-start=\"0\" style=\"text-align: center;\"\u003e\u003cstrong\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 14px; color: var(--medium-gray);\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"M","offer_id":55821382156361,"sku":null,"price":300.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":55821382189129,"sku":null,"price":300.0,"currency_code":"EGP","in_stock":true},{"title":"XL","offer_id":55821382221897,"sku":null,"price":300.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_1230.heic?v=1784219100"},{"product_id":"midnight-polka-pants-navy-copy","title":"Midnight Polka Pants White","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Base Styles *\/\n        :root {\n            --black: #000000;\n            --dark-gray: #1a1a1a;\n            --medium-gray: #333333;\n            --light-gray: #f5f5f5;\n            --off-white: #f9f9f9;\n            --white: #ffffff;\n            --transition-slow: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-medium: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            --transition-fast: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            --font-title: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n            --animation-curve: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: var(--font-body);\n            background-color: var(--white);\n            color: var(--black);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes lineGrow {\n            from {\n                width: 0;\n            }\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.8);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes rotateIn {\n            from {\n                transform: rotate(-5deg) scale(0.9);\n                opacity: 0;\n            }\n            to {\n                transform: rotate(0) scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes float {\n            0% {\n                transform: translateY(0px);\n            }\n            50% {\n                transform: translateY(-10px);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n\n        \/* Hero Section - MODIFIED: white background with black text *\/\n        .product-hero {\n            height: 50vh;\n            min-height: 300px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            background-color: var(--white);\n            margin-bottom: 80px;\n        }\n\n        .product-title-container {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            width: 100%;\n            z-index: 10;\n        }\n\n        .product-title {\n            font-family: var(--font-title);\n            font-size: clamp(36px, 6vw, 80px);\n            font-weight: 300;\n            letter-spacing: clamp(3px, 0.5vw, 6px);\n            color: var(--black);\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            text-shadow: none;\n            padding: 0 10px;\n        }\n\n        .product-tagline {\n            font-family: var(--font-body);\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 3px;\n            color: var(--black);\n            text-transform: uppercase;\n            position: relative;\n            animation: fadeIn 3s ease-in-out;\n        }\n        \n        .product-tagline::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background-color: var(--black);\n            animation: lineGrow 1.5s forwards 0.5s;\n        }\n\n        \/* Container for better spacing *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 20px;\n        }\n\n        \/* Product Card *\/\n        .product-card {\n            position: relative;\n            border: 1px solid var(--black);\n            background-color: var(--white);\n            padding: 60px 40px;\n            margin: 50px auto;\n            opacity: 1;\n            transition: var(--transition-medium);\n            overflow: hidden;\n            border-radius: 10px;\n            max-width: 900px;\n            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            width: 20px;\n            height: 20px;\n            background-color: var(--black);\n            border-radius: 50%;\n            transform: scale(0);\n            transition: transform 0.5s var(--animation-curve);\n        }\n        \n        .product-card:hover::before {\n            transform: scale(20);\n            opacity: 0.03;\n        }\n\n        \/* Quality Badge *\/\n        .quality-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background-color: var(--black);\n            color: var(--white);\n            padding: 10px 20px;\n            font-size: 14px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            transform: rotate(3deg);\n            border-radius: 4px;\n            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);\n        }\n\n        \/* Product Title *\/\n        .linen-title {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n            color: var(--black);\n        }\n\n        \/* Fix animations to be visible immediately *\/\n        .description {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .fabric-visual {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .feature-list {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .size-chart {\n            opacity: 1;\n            animation: none;\n        }\n        \n        .product-specs {\n            opacity: 1;\n            animation: none;\n        }\n\n        \/* Fabric Visual *\/\n        .fabric-visual {\n            width: 100%;\n            height: 120px;\n            background: linear-gradient(45deg, var(--light-gray) 25%, var(--off-white) 25%, var(--off-white) 50%, var(--light-gray) 50%, var(--light-gray) 75%, var(--off-white) 75%);\n            background-size: 20px 20px;\n            margin: 40px 0;\n            opacity: 0;\n            animation: fadeIn 1.5s forwards 1s;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .fabric-visual::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0.7), transparent, rgba(255,255,255,0.7));\n            animation: shimmer 3s infinite;\n        }\n        \n        @keyframes shimmer {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(100%); }\n        }\n\n        \/* Feature List *\/\n        .feature-list {\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.2s;\n        }\n        \n        .feature {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 24px;\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n        }\n        \n        .feature:before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--black);\n            font-weight: 500;\n        }\n\n        \/* Size Chart *\/\n        .size-chart {\n            background-color: var(--light-gray);\n            padding: 40px;\n            margin: 50px 0;\n            border-radius: 8px;\n        }\n        \n        .size-chart h3 {\n            font-family: var(--font-title);\n            font-size: 24px;\n            font-weight: 400;\n            margin-bottom: 30px;\n            text-align: center;\n            color: var(--black);\n        }\n        \n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n        }\n        \n        .size-table th, .size-table td {\n            padding: 18px;\n            text-align: center;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n            font-size: 16px;\n        }\n        \n        .size-table th {\n            background-color: rgba(0, 0, 0, 0.05);\n            font-weight: 400;\n        }\n        \n        .size-table tr:hover td {\n            background-color: rgba(0, 0, 0, 0.03);\n        }\n\n        \/* Model Info Styling *\/\n        .model-info {\n            text-align: center;\n            margin-top: 35px;\n            padding: 25px;\n            background-color: rgba(0, 0, 0, 0.03);\n            border-radius: 8px;\n        }\n        \n        .model-info h4 {\n            font-family: var(--font-title);\n            font-size: 20px;\n            font-weight: 400;\n            color: var(--black);\n            margin-bottom: 15px;\n            letter-spacing: 1px;\n        }\n        \n        .model-info p {\n            font-size: 15px;\n            color: var(--medium-gray);\n            margin: 8px 0;\n        }\n        \n        .model-stats {\n            display: flex;\n            justify-content: center;\n            gap: 30px;\n            flex-wrap: wrap;\n            margin-top: 15px;\n        }\n        \n        .model-stat {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n        \n        .model-stat span {\n            font-weight: 300;\n            color: var(--medium-gray);\n            font-size: 14px;\n            margin-bottom: 5px;\n        }\n        \n        .model-stat strong {\n            font-weight: 500;\n            color: var(--black);\n            font-size: 16px;\n        }\n\n        \/* Product Specs *\/\n        .product-specs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 50px;\n            margin: 50px 0;\n            opacity: 0;\n            animation: slideUp 1.5s forwards 1.6s;\n        }\n        \n        .spec {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .spec h3 {\n            font-family: var(--font-body);\n            font-size: 16px;\n            font-weight: 300;\n            margin-bottom: 12px;\n            color: var(--medium-gray);\n        }\n        \n        .spec p {\n            font-family: var(--font-title);\n            font-size: 22px;\n            font-weight: 400;\n            margin: 0;\n            padding: 0;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .spec p:after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background-color: var(--black);\n            transition: width 0.3s ease;\n        }\n        \n        .spec:hover p:after {\n            width: 100%;\n        }\n\n        \/* Highlight Text *\/\n        .highlight {\n            font-weight: 500;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 60px 40px;\n            background-color: var(--black);\n            color: var(--white);\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: var(--font-title);\n            font-size: 32px;\n            font-weight: 300;\n            letter-spacing: 4px;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .footer-text {\n            font-family: var(--font-body);\n            font-size: 12px;\n            font-weight: 300;\n            margin-bottom: 30px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .copyright {\n            font-family: var(--font-body);\n            font-size: 10px;\n            font-weight: 300;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .product-hero {\n                height: 40vh;\n            }\n            \n            .container {\n                padding: 0 20px;\n            }\n            \n            .product-card {\n                padding: 30px 20px;\n            }\n            \n            .linen-title {\n                font-size: 28px;\n            }\n            \n            .product-specs {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .spec {\n                min-width: 100%;\n            }\n            \n            .model-stats {\n                gap: 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-hero {\n                height: 35vh;\n                min-height: 200px;\n            }\n            \n            .product-tagline {\n                font-size: 12px;\n                letter-spacing: 2px;\n                padding: 0 15px;\n            }\n            \n            .linen-title {\n                font-size: 24px;\n            }\n            \n            .quality-badge {\n                font-size: 12px;\n                padding: 6px 12px;\n            }\n            \n            .model-info h4 {\n                font-size: 18px;\n            }\n            \n            .model-stat span, .model-stat strong {\n                font-size: 14px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"quality-badge\"\u003ePremium Quality\u003c\/div\u003e\n\u003ch2 style=\"margin-top: 20px; margin-bottom: 50px;\" class=\"linen-title\"\u003e\n\u003cmeta charset=\"utf-8\"\u003eMidnight Polka Pants\u003c\/h2\u003e\n\u003cdiv class=\"description\"\u003eDiscover the perfect balance of \u003cspan class=\"highlight\"\u003eelegance and ease\u003c\/span\u003e with our signature linen pants. Each pair is meticulously crafted from the finest flax fibers, creating a lightweight garment that moves with gentle fluidity while maintaining a polished silhouette.\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature\"\u003eMeticulously crafted from the finest flax fibers\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eComfortable waist with graceful leg silhouette\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eBreathable fabric that adapts to your environment\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003eEach laundering softens the fabric for personalized comfort\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-chart\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable style=\"width: 100.121%;\" class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth style=\"width: 43.9614%;\"\u003eSize\u003c\/th\u003e\n\u003cth style=\"width: 56.0386%;\"\u003ePolka Dot Wide Leg Pants\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 43.9614%;\"\u003eM\u003c\/td\u003e\n\u003ctd style=\"width: 56.0386%;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003eAvailable\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 43.9614%;\"\u003eL\u003c\/td\u003e\n\u003ctd style=\"width: 56.0386%;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003eAvailable\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 43.9614%;\"\u003eXL\u003c\/td\u003e\n\u003ctd style=\"width: 56.0386%;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003eAvailable\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch4 data-end=\"20\" data-start=\"0\" style=\"text-align: center;\"\u003e\u003cstrong\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp style=\"text-align: center; margin-top: 25px; font-size: 14px; color: var(--medium-gray);\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Monaliza","offers":[{"title":"M","offer_id":55821382287433,"sku":null,"price":300.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":55821382320201,"sku":null,"price":300.0,"currency_code":"EGP","in_stock":true},{"title":"XL","offer_id":55821382352969,"sku":null,"price":300.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_1255.heic?v=1784219328"}],"url":"https:\/\/monaliz-a.com\/collections\/summer-collection.oembed?page=5","provider":"Monaliza","version":"1.0","type":"link"}