{"title":"Anne Kız Pijama Takımı","description":"","products":[{"product_id":"pembe-kelebek-nakisli-kadife-pijama","title":"Pembe Kelebek Nakışlı Kadife Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":45143496425609,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45143496458377,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45143496491145,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45143496523913,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"5-6 Yaş","offer_id":45236472971401,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"6-7 Yaş","offer_id":45143496589449,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"7-8 Yaş","offer_id":45143496622217,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"8-9 Yaş","offer_id":45143496654985,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":45143499800713,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"11-12 Yaş","offer_id":45143499833481,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş","offer_id":45143499866249,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"14-15 Yaş","offer_id":45143499899017,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsAppImage2026-01-07at22.56.19_2.jpg?v=1769985772"},{"product_id":"yesil-kelebek-nakisli-kadife-pijama","title":"Civ Civ Baskılı Anne Kız Kaşkorse Pijama","description":"","brand":"yezekids","offers":[{"title":"S.M \/ kaşkorse","offer_id":45143533518985,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"L \/ kaşkorse","offer_id":45143533551753,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"XL \/ kaşkorse","offer_id":45143533584521,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"2XL \/ kaşkorse","offer_id":45143533617289,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"10-11 Yaş \/ kaşkorse","offer_id":45143533781129,"sku":null,"price":499.0,"currency_code":"TRY","in_stock":false},{"title":"11-12 Yaş \/ kaşkorse","offer_id":45143533813897,"sku":null,"price":499.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş \/ kaşkorse","offer_id":45143533846665,"sku":null,"price":499.0,"currency_code":"TRY","in_stock":false},{"title":"14-15 Yaş \/ kaşkorse","offer_id":45143533879433,"sku":null,"price":499.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsApp_Image_2026-01-22_at_14.17.45.jpg?v=1769985594"},{"product_id":"kirmizi-kelebek-nakisli-kadife-pijama","title":"Kırmızı Kelebek Nakışlı Kadife Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":45143534370953,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45143534403721,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45143534436489,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45143534469257,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"6-7 Yaş","offer_id":45143534534793,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"7-8 Yaş","offer_id":45143534567561,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"8-9 Yaş","offer_id":45143534600329,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":45143534633097,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"11-12 Yaş","offer_id":45143534665865,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş","offer_id":45143534698633,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş","offer_id":45143534731401,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsApp_Image_2026-01-08_at_23.03.51.jpg?v=1767911140"},{"product_id":"mavi-kelebek-nakisli-kadife-pijama","title":"Mavi Kelebek Nakışlı Kadife Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":45143536468105,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":45143536500873,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45143536533641,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45143536566409,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"6-7 Yaş","offer_id":45143536631945,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":true},{"title":"7-8 Yaş","offer_id":45143536664713,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":true},{"title":"8-9 Yaş","offer_id":45143536697481,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":45143536730249,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"11-12 Yaş","offer_id":45143536763017,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş","offer_id":45143536795785,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"14-15 Yaş","offer_id":45143536828553,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"5-6 Yaş","offer_id":45236471201929,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/IMG_1766677-3175-3176-3177_5c3a4098-582b-466f-87f6-9671bffe7d18.jpg?v=1769985507"},{"product_id":"kirmizi-penye-pijama","title":"Kırmızı Penye Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S","offer_id":45241345573001,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"Medium","offer_id":45400768118921,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45143537254537,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45143537287305,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45143537320073,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"4XL","offer_id":45241345441929,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"5XL","offer_id":45241345474697,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"4-5 Yaş","offer_id":45143537352841,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"6-7 Yaş","offer_id":45143537385609,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"8-9 Yaş","offer_id":45143537451145,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":45143537483913,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş","offer_id":45143537549449,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş","offer_id":45143537582217,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsApp_Image_2026-01-08_at_23.03.14.jpg?v=1769984871"},{"product_id":"lacivert-kadife-pijama","title":"Lacivert Kadife Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":45143538729097,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45143538761865,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45143538794633,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45143538827401,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":true},{"title":"4-5 Yaş","offer_id":45143538860169,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"6-7 Yaş","offer_id":45143538892937,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"7-8 Yaş","offer_id":45143538925705,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"8-9 Yaş","offer_id":45143538958473,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":45143538991241,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 Yaş","offer_id":45143539024009,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş","offer_id":45143539056777,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş","offer_id":45143539089545,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":true},{"title":"5-6 Yaş","offer_id":48336343433353,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsApp_Image_2026-01-08_at_23.03.26.jpg?v=1769984770"},{"product_id":"penye-pijama","title":"Ayıcıklı Kareli Penye Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":45143543545993,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":45143543578761,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45143543611529,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45143543644297,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"4XL","offer_id":45241346949257,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"5XL","offer_id":45241346982025,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"4-5 Yaş","offer_id":45143543677065,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"6-7 Yaş","offer_id":45143543709833,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"7-8 Yaş","offer_id":45143543742601,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"8-9 Yaş","offer_id":45143543775369,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":45143543808137,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"11-12 Yaş","offer_id":45143543840905,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş","offer_id":45143543873673,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"14-15 Yaş","offer_id":45143543906441,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsApp_Image_2026-01-09_at_01.49.14.jpg?v=1769984664"},{"product_id":"pembe-ayicikli-penye-pijama","title":"Pembe Ayıcıklı Penye Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S","offer_id":45177026510985,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"M","offer_id":45177026543753,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":45143565500553,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45143565533321,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45181064839305,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"3XL","offer_id":45181064741001,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"4XL","offer_id":45181064773769,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"5XL","offer_id":45181064806537,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"4-5 Yaş","offer_id":45143565598857,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"6-7 Yaş","offer_id":45143565631625,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"8-9 Yaş","offer_id":45143565697161,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":45143565729929,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş","offer_id":45143565795465,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"14-15 Yaş","offer_id":45143565828233,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/Hailuo_image_465813345018327044.jpg?v=1769984344"},{"product_id":"pembe-kurdaleli-kaskorse-anne-kiz-pijama","title":"Pembe Kurdaleli Kaşkorse Anne Kız Pijama","description":"","brand":"yezekids","offers":[{"title":"S.M \/ kaşkorse","offer_id":45180008104073,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"L \/ kaşkorse","offer_id":45180008136841,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"XL \/ kaşkorse","offer_id":45180008169609,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"2XL \/ kaşkorse","offer_id":45180008202377,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş \/ kaşkorse","offer_id":45180008235145,"sku":null,"price":499.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 Yaş \/ kaşkorse","offer_id":45180008267913,"sku":null,"price":499.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş \/ kaşkorse","offer_id":45180008300681,"sku":null,"price":499.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş \/ kaşkorse","offer_id":45180008333449,"sku":null,"price":499.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsApp_Image_2026-01-22_at_15.13.42.jpg?v=1769981857"},{"product_id":"yesil-kelebek-nakisli-kadife-pijama-1","title":"Yeşil Kelebek Nakışlı Kadife Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":45236473856137,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45236473888905,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45236473921673,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45236473954441,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"5-6 Yaş","offer_id":45236474019977,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"6-7 Yaş","offer_id":45236474052745,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"7-8 Yaş","offer_id":45236474085513,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"8-9 Yaş","offer_id":45236474118281,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":45236474151049,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"11-12 Yaş","offer_id":45236474183817,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş","offer_id":45236474216585,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş","offer_id":45236474249353,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsApp_Image_2026-01-07_at_22.56.19.jpg?v=1767998922"},{"product_id":"kirmizi-ayicik-nakisli-kadife-pijama","title":"Kırmızı Ayıcık Nakışlı Kadife Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":45236477395081,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":45236477427849,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45236477460617,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45236477493385,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":true},{"title":"5-6 Yaş","offer_id":45236477558921,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"6-7 Yaş","offer_id":45236477591689,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"7-8 Yaş","offer_id":45236477624457,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"8-9 Yaş","offer_id":45236477657225,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":45236477689993,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"11-12 Yaş","offer_id":45236477722761,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş","offer_id":45236477755529,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"14-15 Yaş","offer_id":45236477788297,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/EB81F435-5FAC-45B3-8338-4558971C224C.jpg?v=1770294199"},{"product_id":"kiraz-baskili-anne-kiz-kaskorse-pijama","title":"Kiraz Baskılı Anne Kız Kaşkorse Pijama","description":"","brand":"yezekids","offers":[{"title":"S.M \/ kaşkorse","offer_id":45236541784201,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"L \/ kaşkorse","offer_id":45236541816969,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"XL \/ kaşkorse","offer_id":45236541849737,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"2XL \/ kaşkorse","offer_id":45236541882505,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"10-11 Yaş \/ kaşkorse","offer_id":45236541915273,"sku":null,"price":499.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 Yaş \/ kaşkorse","offer_id":45236541948041,"sku":null,"price":499.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş \/ kaşkorse","offer_id":45236541980809,"sku":null,"price":499.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş \/ kaşkorse","offer_id":45236542013577,"sku":null,"price":499.0,"currency_code":"TRY","in_stock":true},{"title":"S \/ kaşkorse","offer_id":45244460236937,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/20854BA1-4278-450E-931F-4713AB09EBF4.jpg?v=1770296894"},{"product_id":"hello-kitty-polar-sabahlik","title":"Siyah Süet Kalpli Anne Kız","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":45239789551753,"sku":null,"price":495.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":45239789584521,"sku":null,"price":495.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45239789617289,"sku":null,"price":495.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45239789650057,"sku":null,"price":495.0,"currency_code":"TRY","in_stock":false},{"title":"5 Yaş","offer_id":45239822385289,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":false},{"title":"6 Yaş","offer_id":45239822418057,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":true},{"title":"7 Yaş","offer_id":45239822450825,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":true},{"title":"8 Yaş","offer_id":45239822483593,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":false},{"title":"9 Yaş","offer_id":45239822516361,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":true},{"title":"10 Yaş","offer_id":45239822549129,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":false},{"title":"11 Yaş","offer_id":45239822581897,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":false},{"title":"12 Yaş","offer_id":45239822614665,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":false},{"title":"13 Yaş","offer_id":45239822647433,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":true},{"title":"14 Yaş","offer_id":45239822680201,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":true},{"title":"15 Yaş","offer_id":45239822712969,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":true},{"title":"16 Yaş","offer_id":45239822745737,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/EA982C03-DE2D-48AF-ADA4-E3913BB45415.jpg?v=1770411628"},{"product_id":"siyah-suet-kalpli-anne-kiz","title":"Kırmızı Hello kitty polar sabahlık","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S","offer_id":45239885955209,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":true},{"title":"S.M","offer_id":45239830610057,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":45239830642825,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45239830675593,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":true},{"title":"2XL","offer_id":45239830708361,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"4-5 Yaş","offer_id":45239830741129,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"6-7 Yaş","offer_id":45239830773897,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"8-9 Yaş","offer_id":45239830839433,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":45239830872201,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş","offer_id":45239830937737,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"14-15 Yaş","offer_id":45239830970505,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/IMG-1431.png?v=1790862841"},{"product_id":"pembe-cizgili-pamuk-saten-anne-kiz","title":"Pembe Çizgili Pamuk Saten Anne Kız","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S","offer_id":45239894900873,"sku":null,"price":799.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":45239894966409,"sku":null,"price":799.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45239894999177,"sku":null,"price":799.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45239895031945,"sku":null,"price":799.0,"currency_code":"TRY","in_stock":true},{"title":"4-5 Yaş","offer_id":45239895163017,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"6-7 Yaş","offer_id":45239895195785,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"8-9 Yaş","offer_id":45239895228553,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":45239895261321,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/4CAFFCC4-B53D-4236-8229-A29E9BDBD1D9.jpg?v=1770412458"},{"product_id":"mavi-cizgili-pamuk-saten-anne-kiz","title":"Mavi Çizgili Pamuk Saten Anne Kız","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S","offer_id":45239905353865,"sku":null,"price":799.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":45239905386633,"sku":null,"price":799.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45239905419401,"sku":null,"price":799.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45239905452169,"sku":null,"price":799.0,"currency_code":"TRY","in_stock":true},{"title":"4-5 Yaş","offer_id":45239905484937,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"6-7 Yaş","offer_id":45239905517705,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"8-9 Yaş","offer_id":45239905550473,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"10-11 Yaş","offer_id":45239905583241,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/984D5359-21BB-458A-ADF2-58CB22C01E00.jpg?v=1770412485"},{"product_id":"cicekli-pamuk-saten-anne-kiz","title":"Çiçekli Pamuk Saten Anne Kız","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S","offer_id":45239923835017,"sku":null,"price":799.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":45239923867785,"sku":null,"price":799.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45239923900553,"sku":null,"price":799.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45239923933321,"sku":null,"price":799.0,"currency_code":"TRY","in_stock":false},{"title":"4-5 Yaş","offer_id":45239923966089,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"6-7 Yaş","offer_id":45239923998857,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"8-9 Yaş","offer_id":45239924031625,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":45239924064393,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/D223E372-BA4B-40FD-9E16-0E3658175821.jpg?v=1770412512"},{"product_id":"kopya-kirmizi-hello-kitty-polar-pijama","title":"Kırmızı Hello kitty polar Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S","offer_id":45239979376777,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"S.M","offer_id":45239979409545,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45239979442313,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45239979475081,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45239979507849,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"4-5 Yaş","offer_id":45239979540617,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"6-7 Yaş","offer_id":45239979573385,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"8-9 Yaş","offer_id":45239979606153,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":45239979638921,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş","offer_id":45239979671689,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"14-15 Yaş","offer_id":45239979704457,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsAppImage2026-02-09at22.34.42.jpg?v=1770667153"},{"product_id":"gri-hello-kitty-polar-pijama","title":"Gri Hello kitty polar Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S","offer_id":45240014110857,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":true},{"title":"S.M","offer_id":45240014143625,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":45240014176393,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45240014209161,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45240014241929,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"4-5 Yaş","offer_id":45240014274697,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":true},{"title":"6-7 Yaş","offer_id":45240014307465,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"8-9 Yaş","offer_id":45240014340233,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":45240014373001,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş","offer_id":45240014405769,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"14-15 Yaş","offer_id":45240014438537,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/3EAF1B15-6B73-4BB8-99D9-B2F686EA5042.jpg?v=1790884927"},{"product_id":"kirmizi-ekose-aile-pijama-takimi","title":"Kırmızı Ekose Aile Pijama Takımı","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S","offer_id":45240130207881,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"S.M","offer_id":45240130240649,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":45240130273417,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45240130306185,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"6-7 Yaş","offer_id":45240130404489,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"7-8 Yaş","offer_id":45240131780745,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"8-9 Yaş","offer_id":45240130437257,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"9-10 Yaş","offer_id":45240139677833,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":45240130470025,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 Yaş","offer_id":45240131813513,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"12-13 Yaş","offer_id":45240130502793,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"13-14 Yaş","offer_id":45240131846281,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/58E083F2-3ABA-4DF1-A83D-50C63F60CD3A.png?v=1770412667"},{"product_id":"bordo-suet-ayicikli-anne-kiz","title":"Bordo Süet Ayıcıklı Anne Kız","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":45240141349001,"sku":null,"price":495.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":45240141381769,"sku":null,"price":495.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45240141414537,"sku":null,"price":495.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45240141447305,"sku":null,"price":495.0,"currency_code":"TRY","in_stock":false},{"title":"5 Yaş","offer_id":45240141480073,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":false},{"title":"6 Yaş","offer_id":45240141512841,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":true},{"title":"7 Yaş","offer_id":45240141545609,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":true},{"title":"8 Yaş","offer_id":45240141578377,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":false},{"title":"9 Yaş","offer_id":45240141611145,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":false},{"title":"10 Yaş","offer_id":45240141643913,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":false},{"title":"11 Yaş","offer_id":45240141676681,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":false},{"title":"12 Yaş","offer_id":45240141709449,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":true},{"title":"13 Yaş","offer_id":45240141742217,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":false},{"title":"14 Yaş","offer_id":45240141774985,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":false},{"title":"15 Yaş","offer_id":45240141807753,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":true},{"title":"16 Yaş","offer_id":45240141840521,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/596734D1-45CD-451B-B8B3-66AD2536808F.png?v=1770412640"},{"product_id":"kirmizi-suet-ayicikli-anne-kiz","title":"Kırmızı Süet Ayıcıklı Anne Kız","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":45240143347849,"sku":null,"price":495.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":45240143380617,"sku":null,"price":495.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45240143413385,"sku":null,"price":495.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45240143446153,"sku":null,"price":495.0,"currency_code":"TRY","in_stock":false},{"title":"5 Yaş","offer_id":45240143478921,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":false},{"title":"6 Yaş","offer_id":45240143511689,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":false},{"title":"7 Yaş","offer_id":45240143544457,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":false},{"title":"8 Yaş","offer_id":45240143577225,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":false},{"title":"9 Yaş","offer_id":45240143609993,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":false},{"title":"10 Yaş","offer_id":45240143642761,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":false},{"title":"11 Yaş","offer_id":45240143675529,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":true},{"title":"12 Yaş","offer_id":45240143708297,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":false},{"title":"13 Yaş","offer_id":45240143741065,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":false},{"title":"14 Yaş","offer_id":45240143773833,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":false},{"title":"15 Yaş","offer_id":45240143806601,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":false},{"title":"16 Yaş","offer_id":45240143839369,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/D2CC5FCC-8872-46A1-A874-D108FE5C16EE.jpg?v=1770412613"},{"product_id":"good-night-kirmizi-anne-kiz","title":"Kırmızı Kadife Anne Kız","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":45240240275593,"sku":null,"price":899.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45240240308361,"sku":null,"price":899.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45240240341129,"sku":null,"price":899.0,"currency_code":"TRY","in_stock":true},{"title":"2XL","offer_id":45240240373897,"sku":null,"price":899.0,"currency_code":"TRY","in_stock":true},{"title":"7-8 Yaş","offer_id":45240294473865,"sku":null,"price":749.0,"currency_code":"TRY","in_stock":true},{"title":"9-10 Yaş","offer_id":45240294506633,"sku":null,"price":749.0,"currency_code":"TRY","in_stock":true},{"title":"13-14 Yaş","offer_id":45240294539401,"sku":null,"price":749.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 yaş","offer_id":48529342136457,"sku":null,"price":749.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/IMG-3658.png?v=1791388947"},{"product_id":"good-night-yesil-kadife-anne-kiz","title":"Yeşil Kadife Anne Kız","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":45240307089545,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45240307122313,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45240307155081,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":true},{"title":"2XL","offer_id":45240307187849,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":true},{"title":"7-8 Yaş","offer_id":45240307220617,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":true},{"title":"9-10 Yaş","offer_id":45240307253385,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"13-14 Yaş","offer_id":45240307286153,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/94B22314-114E-4A0F-8CD2-727120AC42F0.jpg?v=1770412562"},{"product_id":"good-night-pembe-kadife-anne-kiz","title":"Pembe Kadife Anne Kız","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":45240323866761,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":45240323899529,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45240323932297,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45240323965065,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"7-8 Yaş","offer_id":45240323997833,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":true},{"title":"9-10 Yaş","offer_id":45240324030601,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"13-14 Yaş","offer_id":45240324063369,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 Yaş","offer_id":45240339955849,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/8D4BD5C9-762E-4E3C-9976-F88F31D014DD.jpg?v=1770412539"},{"product_id":"leopar-anne-kiz-pijama","title":"Leopar  Anne Kız Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\" class=\"w-full h-full overflow-auto\" id=\"app\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\" class=\"heading-font\" id=\"main-heading\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp style=\"font-size: 16px; color: #64748b; font-weight: 400;\" id=\"subtitle\"\u003e2 Parça Yetişkin ve Çocuk\u003cspan style=\"font-size: 24px;\"\u003e\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-2\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-3\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\" class=\"size-badge\"\u003eS\u003c\/div\u003e\n\u003cdiv style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\" class=\"size-badge\"\u003eM\u003c\/div\u003e\n\u003cdiv style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\" class=\"size-badge\"\u003eL\u003c\/div\u003e\n\u003cdiv style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\" class=\"size-badge\"\u003eXL\u003c\/div\u003e\n\u003cdiv style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\" class=\"size-badge\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onr\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S","offer_id":45240361123977,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"Medium","offer_id":45398679584905,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45240361189513,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45240361222281,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"2-3 Yaş","offer_id":45240362696841,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"3-4 Yaş","offer_id":45240362729609,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"4-5 Yaş","offer_id":45240362762377,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"5-6 Yaş","offer_id":45240363221129,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"6-7 Yaş","offer_id":45240361255049,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"7-8 Yaş","offer_id":45240361287817,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"8-9 Yaş","offer_id":45240361320585,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"9-10 Yaş","offer_id":45240361353353,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":45240361386121,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"11-12 Yaş","offer_id":45240361418889,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"12-13 Yaş","offer_id":45240361451657,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"13-14 Yaş","offer_id":45240361484425,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/D032AA29-2087-4E5B-9967-FA1B431B5F47.png?v=1770412781"},{"product_id":"puantiye-desenli-anne-kiz-kaskorse-pijama","title":"Puantiye desenli Anne Kız Milan Pijama","description":"","brand":"yezekids","offers":[{"title":"S.M \/ kaşkorse","offer_id":45241212272777,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"L \/ kaşkorse","offer_id":45241212305545,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"XL \/ kaşkorse","offer_id":45241212338313,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"2XL \/ kaşkorse","offer_id":45241212371081,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"10-11 Yaş \/ kaşkorse","offer_id":45241212403849,"sku":null,"price":499.0,"currency_code":"TRY","in_stock":false},{"title":"11-12 Yaş \/ kaşkorse","offer_id":45241212436617,"sku":null,"price":499.0,"currency_code":"TRY","in_stock":true},{"title":"12-13 Yaş \/ kaşkorse","offer_id":45241212469385,"sku":null,"price":499.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş \/ kaşkorse","offer_id":45241212502153,"sku":null,"price":499.0,"currency_code":"TRY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/87674B3F-E475-4B1F-8C24-11D5A003D746.jpg?v=1770481204"},{"product_id":"kopya-leopar-anne-kiz-pijama","title":"Kalp Desenli pamuk  Anne Kız Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S","offer_id":45241220268169,"sku":null,"price":615.0,"currency_code":"TRY","in_stock":true},{"title":"S.M","offer_id":45241220300937,"sku":null,"price":615.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":45241220333705,"sku":null,"price":615.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45241220366473,"sku":null,"price":615.0,"currency_code":"TRY","in_stock":false},{"title":"2-3 Yaş","offer_id":45241220399241,"sku":null,"price":515.0,"currency_code":"TRY","in_stock":true},{"title":"3-4 Yaş","offer_id":45241220432009,"sku":null,"price":515.0,"currency_code":"TRY","in_stock":false},{"title":"4-5 Yaş","offer_id":45241220464777,"sku":null,"price":515.0,"currency_code":"TRY","in_stock":true},{"title":"5-6 Yaş","offer_id":45241220497545,"sku":null,"price":515.0,"currency_code":"TRY","in_stock":false},{"title":"6-7 Yaş","offer_id":45241220530313,"sku":null,"price":515.0,"currency_code":"TRY","in_stock":true},{"title":"7-8 Yaş","offer_id":45241220563081,"sku":null,"price":515.0,"currency_code":"TRY","in_stock":true},{"title":"8-9 Yaş","offer_id":45241220595849,"sku":null,"price":515.0,"currency_code":"TRY","in_stock":true},{"title":"9-10 Yaş","offer_id":45241220628617,"sku":null,"price":515.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":45241220661385,"sku":null,"price":515.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 Yaş","offer_id":45241220694153,"sku":null,"price":515.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş","offer_id":45241220726921,"sku":null,"price":515.0,"currency_code":"TRY","in_stock":true},{"title":"13-14 Yaş","offer_id":45241220759689,"sku":null,"price":515.0,"currency_code":"TRY","in_stock":true},{"title":"18-24 Ay","offer_id":45241245892745,"sku":null,"price":615.0,"currency_code":"TRY","in_stock":true},{"title":"12-18 ay","offer_id":45241245925513,"sku":null,"price":615.0,"currency_code":"TRY","in_stock":true},{"title":"9-12 ay","offer_id":45241246154889,"sku":null,"price":615.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/IMG-0786.png?v=1771877478"},{"product_id":"kopya-alt-kirmizi-ust-3-kalpli-sezen-penye-pijama","title":"Alt  üst 3 ayıcık Penye Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S","offer_id":45241353863305,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":true},{"title":"M","offer_id":45241353896073,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":45241353928841,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45241353961609,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45241353994377,"sku":null,"price":729.0,"currency_code":"TRY","in_stock":false},{"title":"3XL","offer_id":45241354027145,"sku":null,"price":729.0,"currency_code":"TRY","in_stock":true},{"title":"4XL","offer_id":45241354059913,"sku":null,"price":729.0,"currency_code":"TRY","in_stock":false},{"title":"5XL","offer_id":45241354092681,"sku":null,"price":729.0,"currency_code":"TRY","in_stock":false},{"title":"4-5 Yaş","offer_id":45241354125449,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":true},{"title":"6-7 Yaş","offer_id":45241354158217,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"8-9 Yaş","offer_id":45241354190985,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":true},{"title":"10-11 Yaş","offer_id":45241354223753,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş","offer_id":45241354256521,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"14-15 Yaş","offer_id":45241354289289,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/737B159A-88F6-4155-A8C7-7D4ED1C935A7.jpg?v=1774730303"},{"product_id":"kopya-alt-ust-3-ayicik-penye-pijama","title":"Alt  üst ayıcık mavi Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S","offer_id":45241355305097,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"M","offer_id":45241355337865,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":45241355370633,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45241355403401,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45241355436169,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"3XL","offer_id":45241355468937,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"4XL","offer_id":45241355501705,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"5XL","offer_id":45241355534473,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"4-5 Yaş","offer_id":45241355567241,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"6-7 Yaş","offer_id":45241355600009,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"8-9 Yaş","offer_id":45241355632777,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":45241355665545,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş","offer_id":45241355698313,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"14-15 Yaş","offer_id":45241355731081,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsApp_Image_2026-02-09_at_22.32.48.jpg?v=1770666762"},{"product_id":"mavi-kelebek-nakisli-kadife-pijama-kopya","title":"Palmiye Anne Kız Penye Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eS-M\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":45249547370633,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45249547403401,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45249547436169,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"2XL","offer_id":45249547468937,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"10-11 Yaş","offer_id":45249547632777,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"11-12 Yaş","offer_id":45249547665545,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"12-13 Yaş","offer_id":45249547698313,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş","offer_id":45249547731081,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsApp_Image_2026-02-11_at_11.42.54_2.jpg?v=1770799812"},{"product_id":"palmiye-anne-kiz-penye-pijama-kopya","title":"İnspire Anne Kız Penye Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eS-M\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":45249885601929,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45249885634697,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45249885667465,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"2XL","offer_id":45249885700233,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":45249885733001,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 Yaş","offer_id":45249885765769,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"12-13 Yaş","offer_id":45249885798537,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş","offer_id":45249885831305,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsApp_Image_2026-02-11_at_11.42.54_1.jpg?v=1770800071"},{"product_id":"love-you-anne-kiz-penye-pijama","title":"Love You  Yeşil Anne Kız Penye Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eS-M\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":45299477971081,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45299478003849,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45299478036617,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"2XL","offer_id":45299478069385,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"10-11 Yaş","offer_id":45299478102153,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"11-12 Yaş","offer_id":45299478134921,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş","offer_id":45299478167689,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"14-15 Yaş","offer_id":45299478200457,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/412850B8-B10C-435D-AF88-FBBF17458B72.jpg?v=1772831847"},{"product_id":"karma-anne-kiz-penye-pijama","title":"Karma Anne Kız Penye Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eS-M\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":45299489800329,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":45299489833097,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45299489865865,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45299489898633,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"10-11 Yaş","offer_id":45299489931401,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"11-12 Yaş","offer_id":45299489964169,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş","offer_id":45299489996937,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"14-15 Yaş","offer_id":45299490029705,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/D0B6E29E-D364-4BF2-BD14-95F40C14CB9C.jpg?v=1771952242"},{"product_id":"cool-anne-kiz-penye-pijama","title":"Cool Anne Kız Penye Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eS-M\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":45299492389001,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45299492421769,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45299492454537,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"2XL","offer_id":45299492487305,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"10-11 Yaş","offer_id":45299492520073,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"11-12 Yaş","offer_id":45299492552841,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"12-13 Yaş","offer_id":45299492585609,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş","offer_id":45299492618377,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/CE11B7F4-9B85-4B62-BBE9-ACEEBEDD55E3.jpg?v=1771952626"},{"product_id":"yesil-ayicik-nakisli-kadife-pijama-kopya","title":"Yeşil Ayıcık Nakışlı Kadife Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":45424333357193,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45424333389961,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45424333422729,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45424333455497,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"5-6 Yaş","offer_id":45424333488265,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"6-7 Yaş","offer_id":45424333521033,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"7-8 Yaş","offer_id":45424333553801,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"8-9 Yaş","offer_id":45424333586569,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":45424333619337,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"11-12 Yaş","offer_id":45424333652105,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş","offer_id":45424333684873,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"14-15 Yaş","offer_id":45424333717641,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/IMG-3087.jpg?v=1774340743"},{"product_id":"daisy-anne-kiz-penye-pijama","title":"Daisy Anne Kız Penye Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eS-M\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":45440219316361,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45440219349129,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45440219381897,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"2XL","offer_id":45440219414665,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"10-11 Yaş","offer_id":45440219447433,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 Yaş","offer_id":45440219480201,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"12-13 Yaş","offer_id":45440219512969,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş","offer_id":45440219545737,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/IMG-0904.png?v=1774557766"},{"product_id":"kiraz-anne-kiz-penye-pijama","title":"Kiraz Anne Kız Penye Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eS-M\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":45440223903881,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45440223936649,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45440223969417,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"2XL","offer_id":45440224002185,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"10-11 Yaş","offer_id":45440224034953,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 Yaş","offer_id":45440224067721,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"12-13 Yaş","offer_id":45440224100489,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş","offer_id":45440224133257,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/IMG-0906.png?v=1774558035"},{"product_id":"kirmizi-penye-pijama-kopya","title":"Lavanta Kalp Anne \u0026 Kız Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003cp style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003eFiyat Tek Ürün İçindir Anne ve Kız Ürünü Ayrı Ayrı Sepete Ekleyiniz\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S","offer_id":45596638216329,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"Medium","offer_id":45596638249097,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45596638281865,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45596638314633,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"4-5 Yaş","offer_id":45596638445705,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"6-7 Yaş","offer_id":45596638478473,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"8-9 Yaş","offer_id":45596638511241,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":45596638544009,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"12-13 Yaş","offer_id":45596638576777,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş","offer_id":45596638609545,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsAppImage2026-04-17at13.20.21.jpg?v=1776424746"},{"product_id":"lavanta-kalp-anne-kiz-pijama-kopya","title":"Kalp Serisi Kırmızı Anne \u0026 Kız Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003cp style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003eFiyat Tek Ürün İçindir Anne ve Kız Ürünü Ayrı Ayrı Sepete Ekleyiniz\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S","offer_id":45596737044617,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"Medium","offer_id":45596737077385,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45596737110153,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45596737142921,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":false},{"title":"4-5 Yaş","offer_id":45596737175689,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"6-7 Yaş","offer_id":45596737208457,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"8-9 Yaş","offer_id":45596737241225,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":45596737273993,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"12-13 Yaş","offer_id":45596737306761,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş","offer_id":45596737339529,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsAppImage2026-04-17at13.10.51.jpg?v=1776425441"},{"product_id":"kalp-serisi-kirmizi-anne-kiz-pijama-kopya","title":"Soft Bear Anne \u0026 Kız Pijama","description":"","brand":"yezekids","offers":[{"title":"S","offer_id":45596742746249,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"Medium","offer_id":45596742779017,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":45596742811785,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45596742844553,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"4-5 Yaş","offer_id":45596742877321,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"6-7 Yaş","offer_id":45596742910089,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"8-9 Yaş","offer_id":45596742942857,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":45596742975625,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş","offer_id":45596743008393,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş","offer_id":45596743041161,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsAppImage2026-04-17at13.10.51_6.jpg?v=1776425596"},{"product_id":"soft-bear-anne-kiz-pijama-kopya","title":"Ekose Şıklık Anne \u0026 Kız Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003cp style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003eFiyat Tek Ürün İçindir Anne ve Kız Ürünü Ayrı Ayrı Sepete Ekleyiniz\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S","offer_id":45596747333769,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"Medium","offer_id":45596747366537,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45596747399305,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45596747432073,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"4-5 Yaş","offer_id":45596747464841,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"6-7 Yaş","offer_id":45596747497609,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":false},{"title":"8-9 Yaş","offer_id":45596747530377,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":45596747563145,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş","offer_id":45596747595913,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş","offer_id":45596747628681,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsAppImage2026-04-17at13.10.51_4.jpg?v=1776425734"},{"product_id":"daisy-anne-kiz-penye-pijama-kopya","title":"Cool Mood Anne Kız Penye Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eS-M\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":45596758737033,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45596758769801,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45596758802569,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"2XL","offer_id":45596758835337,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":45596758868105,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 Yaş","offer_id":45596758900873,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"12-13 Yaş","offer_id":45596758933641,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş","offer_id":45596758966409,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsAppImage2026-04-17at13.10.51_7.jpg?v=1776425969"},{"product_id":"kiraz-kisa-kol-sort-anne-kiz-penye-pijama","title":"Kiraz  Kısa Kol Şort Anne Kız Penye Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eS-M\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":45597766058121,"sku":null,"price":625.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45597766090889,"sku":null,"price":625.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45597766123657,"sku":null,"price":625.0,"currency_code":"TRY","in_stock":true},{"title":"2XL","offer_id":45597766156425,"sku":null,"price":625.0,"currency_code":"TRY","in_stock":true},{"title":"10-11 Yaş","offer_id":45597766189193,"sku":null,"price":525.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 Yaş","offer_id":45597766221961,"sku":null,"price":525.0,"currency_code":"TRY","in_stock":true},{"title":"12-13 Yaş","offer_id":45597766254729,"sku":null,"price":525.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş","offer_id":45597766287497,"sku":null,"price":525.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/8EC6F1A6-ADD7-4F4C-A803-764EF85E7F45.png?v=1776457334"},{"product_id":"marshmallow-kisa-kol-sort-anne-kiz-penye-pijama","title":"Marshmallow Kısa Kol Şort Anne Kız Penye Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eS-M\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":45597773594761,"sku":null,"price":625.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":45597773627529,"sku":null,"price":625.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45597773660297,"sku":null,"price":625.0,"currency_code":"TRY","in_stock":true},{"title":"2XL","offer_id":45597773693065,"sku":null,"price":625.0,"currency_code":"TRY","in_stock":true},{"title":"10-11 Yaş","offer_id":45597773725833,"sku":null,"price":525.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 Yaş","offer_id":45597773758601,"sku":null,"price":525.0,"currency_code":"TRY","in_stock":true},{"title":"12-13 Yaş","offer_id":45597773791369,"sku":null,"price":525.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş","offer_id":45597773824137,"sku":null,"price":525.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/EDBB27B8-15F7-4ABC-8E1E-48D108B4E068.png?v=1776457700"},{"product_id":"yesil-kelebek-nakisli-kadife-pijama-kopya","title":"Leopar kurdale","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":48336278192265,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":48336278225033,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":48336278257801,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":48336278290569,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"5-6 Yaş","offer_id":48336278323337,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":true},{"title":"6-7 Yaş","offer_id":48336278356105,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":true},{"title":"7-8 Yaş","offer_id":48336278388873,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"8-9 Yaş","offer_id":48336278421641,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":48336278454409,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"11-12 Yaş","offer_id":48336278487177,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş","offer_id":48336278519945,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş","offer_id":48336278552713,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/5B8BCA73-57DC-4B3A-9EA6-DE66A96E119E.jpg?v=1790884693"},{"product_id":"leopar-kurdale-kopya","title":"Kardan adam","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":48336284287113,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":48336284319881,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":48336284352649,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":true},{"title":"2XL","offer_id":48336284385417,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":true},{"title":"5-6 Yaş","offer_id":48336284418185,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"6-7 Yaş","offer_id":48336284450953,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"7-8 Yaş","offer_id":48336284483721,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"8-9 Yaş","offer_id":48336284516489,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":48336284549257,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"11-12 Yaş","offer_id":48336284582025,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş","offer_id":48336284614793,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"14-15 Yaş","offer_id":48336284647561,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/344D2E67-DFED-4644-BECB-904BAB418926.jpg?v=1790863272"},{"product_id":"story-bordo-kadifr","title":"Story bordo kadife Anne kız","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":48336290185353,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":48336290218121,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":48336290250889,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":48336290283657,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"5-6 Yaş","offer_id":48336290316425,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"6-7 Yaş","offer_id":48336290349193,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"7-8 Yaş","offer_id":48336290381961,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":true},{"title":"8-9 Yaş","offer_id":48336290414729,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":48336290447497,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"11-12 Yaş","offer_id":48336290480265,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş","offer_id":48336290513033,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"14-15 Yaş","offer_id":48336290545801,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/8FFCACEA-A0FD-49F4-AECC-6295664406BB.jpg?v=1791471495"},{"product_id":"lacivert-kadife-tarik","title":"Lacivert Kadife","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003eFransız Kadife Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\u003cspan style=\"font-size: 24px;\"\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eS-M\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":48336296312969,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":48336296345737,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":48336296378505,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":48336296411273,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"4-5 Yaş","offer_id":48336296444041,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"6-7 Yaş","offer_id":48336296476809,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":true},{"title":"7-8 Yaş","offer_id":48336296509577,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":true},{"title":"8-9 Yaş","offer_id":48336296542345,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":48336296575113,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"11-12 Yaş","offer_id":48336296607881,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş","offer_id":48336296640649,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş","offer_id":48336296673417,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"5-6 Yaş","offer_id":48336300212361,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/85315EEC-0598-4D07-9456-8A768CCDF2D4.jpg?v=1790863014"},{"product_id":"siyah-story-kadife","title":"Siyah story kadife","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":48336477847689,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":48336477880457,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":48336477913225,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":48336477945993,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"5-6 Yaş","offer_id":48336477978761,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"6-7 Yaş","offer_id":48336478011529,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":true},{"title":"7-8 Yaş","offer_id":48336478044297,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"8-9 Yaş","offer_id":48336478077065,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":48336478109833,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"11-12 Yaş","offer_id":48336478142601,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş","offer_id":48336478175369,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"14-15 Yaş","offer_id":48336478208137,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/E27E88C7-4A18-4A95-AAC8-5AEF05230B47.jpg?v=1790883974"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/collections\/IMG-3619.png?v=1792700340","url":"https:\/\/www.yezekids.com.tr\/collections\/anne-kiz-pijama-takimi.oembed?page=3","provider":"yezekids","version":"1.0","type":"link"}