{"title":"Öne Çıkanlar","description":"\u003cp\u003eÖne çıkan ürünlerimiz\u003c\/p\u003e","products":[{"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":true},{"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":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/CE11B7F4-9B85-4B62-BBE9-ACEEBEDD55E3.jpg?v=1771952626"},{"product_id":"kopya-baba-ogul-siyah-kisa-kol-pijama-takimi","title":"Baba Oğul Gri Kısa Kol Pijama Takımı","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 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\u003cblockquote\u003e\n\u003cp style=\"font-size: 16px; color: #64748b; font-weight: 400;\" id=\"subtitle\"\u003e2 Parça Yetişkin ve Çocuk  \u003c\/p\u003e\n\u003c\/blockquote\u003e\n\u003ch1 style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e\u003cstrong\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsApp_Image_2026-05-09_at_15.03.20.jpg?v=1778328279\"\u003e\u003c\/strong\u003e\u003c\/h1\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-1\"\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 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\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":"M","offer_id":45358039367817,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45358039400585,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45358039433353,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45358039466121,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 yaş","offer_id":45358039498889,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 yaş","offer_id":45358039531657,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 yaş","offer_id":45358039564425,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"15-16 yaş","offer_id":45358039597193,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/IMG-0808.png?v=1773085199"},{"product_id":"baba-ogul-yesil-kisa-kol-pijama-takimi","title":"Baba Oğul Yeşil Kısa Kol Pijama Takımı","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 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\u003cblockquote\u003e\n\u003cp style=\"font-size: 16px; color: #64748b; font-weight: 400;\" id=\"subtitle\"\u003e2 Parça Yetişkin ve Çocuk  \u003c\/p\u003e\n\u003c\/blockquote\u003e\n\u003ch1 style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e\u003cstrong\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsApp_Image_2026-05-09_at_15.03.20.jpg?v=1778328279\"\u003e\u003c\/strong\u003e\u003c\/h1\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-1\"\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 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\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":"M","offer_id":45426674368649,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45426674401417,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45426674434185,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"2XL","offer_id":45426674466953,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 yaş","offer_id":45426674499721,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 yaş","offer_id":45426674532489,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 yaş","offer_id":45426674565257,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"15-16 yaş","offer_id":45426674598025,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/IMG-3094.png?v=1774363802"},{"product_id":"pembe-saten-kadin-pijama","title":"Candy Silk Saten Kadın 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\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\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":45591078764681,"sku":null,"price":1495.0,"currency_code":"TRY","in_stock":true},{"title":"M","offer_id":45591076110473,"sku":null,"price":1495.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":45591076143241,"sku":null,"price":1495.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45591076176009,"sku":null,"price":1495.0,"currency_code":"TRY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/IMG-0982.jpg?v=1776371390"},{"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":true},{"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":true}],"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":true},{"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":true},{"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":true},{"title":"8-9 Yaş","offer_id":45596747530377,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"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":true},{"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":true},{"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":true},{"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":"magic-mushroom-saten-kadin-pijama","title":"Magic Mushroom Saten Kadın 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\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\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":45597783031945,"sku":null,"price":1495.0,"currency_code":"TRY","in_stock":true},{"title":"M","offer_id":45597783064713,"sku":null,"price":1495.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45597783097481,"sku":null,"price":1495.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45597783130249,"sku":null,"price":1495.0,"currency_code":"TRY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/E269A5F2-85BB-4F44-BB9C-3435F34A1E33.jpg?v=1776458032"},{"product_id":"navy-legacy-baba-ogul-kombin","title":"Navy Legacy  Baba Oğul Kombin","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\u003cblockquote\u003e\n\u003cp style=\"font-size: 16px; color: #64748b; font-weight: 400;\" id=\"subtitle\"\u003e2 Parça Yetişkin ve Çocuk  \u003c\/p\u003e\n\u003c\/blockquote\u003e\n\u003ch1 style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e\u003cstrong\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsApp_Image_2026-05-09_at_15.03.20.jpg?v=1778328279\"\u003e\u003c\/strong\u003e\u003c\/h1\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-1\"\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 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\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":"M","offer_id":46735009349769,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":46735009382537,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":46735009415305,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"2XL","offer_id":46735009448073,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 yaş","offer_id":46735009480841,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"12-13 yaş","offer_id":46735009513609,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 yaş","offer_id":46735009546377,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"15-16 yaş","offer_id":46735009579145,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsAppImage2026-05-14at19.17.48.jpg?v=1778777290"}],"url":"https:\/\/www.yezekids.com.tr\/collections\/one-cikanlar.oembed","provider":"yezekids","version":"1.0","type":"link"}