{"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":890.0,"currency_code":"EGP","in_stock":true},{"title":"M","offer_id":55589166022729,"sku":null,"price":890.0,"currency_code":"EGP","in_stock":true},{"title":"L","offer_id":55589166055497,"sku":null,"price":890.0,"currency_code":"EGP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/5775\/9817\/files\/IMG_9992_c6a79963-ad39-41c9-be1e-a8e74d99a7b1.webp?v=1775956053","url":"https:\/\/monaliz-a.com\/products\/petite-light-blue-chambray-wide-leg","provider":"Monaliza","version":"1.0","type":"link"}