{"title":"Anne Kız Pijama Takımı","description":"","products":[{"product_id":"yesil-kelebek-nakisli-kadife-pijama","title":"Civ Civ Baskılı Anne Kız Kaşkorse Pijama","description":"","brand":"yezekids","offers":[{"title":"S.M \/ kaşkorse","offer_id":45143533518985,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"L \/ kaşkorse","offer_id":45143533551753,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"XL \/ kaşkorse","offer_id":45143533584521,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"2XL \/ kaşkorse","offer_id":45143533617289,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"10-11 Yaş \/ kaşkorse","offer_id":45143533781129,"sku":null,"price":499.0,"currency_code":"TRY","in_stock":false},{"title":"11-12 Yaş \/ kaşkorse","offer_id":45143533813897,"sku":null,"price":499.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş \/ kaşkorse","offer_id":45143533846665,"sku":null,"price":499.0,"currency_code":"TRY","in_stock":false},{"title":"14-15 Yaş \/ kaşkorse","offer_id":45143533879433,"sku":null,"price":499.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsApp_Image_2026-01-22_at_14.17.45.jpg?v=1769985594"},{"product_id":"kirmizi-penye-pijama","title":"Kırmızı Penye Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S","offer_id":45241345573001,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"Medium","offer_id":45400768118921,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45143537254537,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45143537287305,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45143537320073,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"4XL","offer_id":45241345441929,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"5XL","offer_id":45241345474697,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"4-5 Yaş","offer_id":45143537352841,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"6-7 Yaş","offer_id":45143537385609,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"8-9 Yaş","offer_id":45143537451145,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"10-11 Yaş","offer_id":45143537483913,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş","offer_id":45143537549449,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş","offer_id":45143537582217,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsApp_Image_2026-01-08_at_23.03.14.jpg?v=1769984871"},{"product_id":"penye-pijama","title":"Ayıcıklı Kareli Penye Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":45143543545993,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":45143543578761,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45143543611529,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45143543644297,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"4XL","offer_id":45241346949257,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"5XL","offer_id":45241346982025,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"4-5 Yaş","offer_id":45143543677065,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"6-7 Yaş","offer_id":45143543709833,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"7-8 Yaş","offer_id":45143543742601,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"8-9 Yaş","offer_id":45143543775369,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":45143543808137,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 Yaş","offer_id":45143543840905,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş","offer_id":45143543873673,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"14-15 Yaş","offer_id":45143543906441,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsApp_Image_2026-01-09_at_01.49.14.jpg?v=1769984664"},{"product_id":"pembe-ayicikli-penye-pijama","title":"Pembe Ayıcıklı Penye Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S","offer_id":45177026510985,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"M","offer_id":45177026543753,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":45143565500553,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45143565533321,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45181064839305,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"3XL","offer_id":45181064741001,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"4XL","offer_id":45181064773769,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"5XL","offer_id":45181064806537,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"4-5 Yaş","offer_id":45143565598857,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"6-7 Yaş","offer_id":45143565631625,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"8-9 Yaş","offer_id":45143565697161,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":45143565729929,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş","offer_id":45143565795465,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"14-15 Yaş","offer_id":45143565828233,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/Hailuo_image_465813345018327044.jpg?v=1769984344"},{"product_id":"pembe-kurdaleli-kaskorse-anne-kiz-pijama","title":"Pembe Kurdaleli Kaşkorse Anne Kız Pijama","description":"","brand":"yezekids","offers":[{"title":"S.M \/ kaşkorse","offer_id":45180008104073,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"L \/ kaşkorse","offer_id":45180008136841,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"XL \/ kaşkorse","offer_id":45180008169609,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"2XL \/ kaşkorse","offer_id":45180008202377,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş \/ kaşkorse","offer_id":45180008235145,"sku":null,"price":499.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 Yaş \/ kaşkorse","offer_id":45180008267913,"sku":null,"price":499.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş \/ kaşkorse","offer_id":45180008300681,"sku":null,"price":499.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş \/ kaşkorse","offer_id":45180008333449,"sku":null,"price":499.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsApp_Image_2026-01-22_at_15.13.42.jpg?v=1769981857"},{"product_id":"kiraz-baskili-anne-kiz-kaskorse-pijama","title":"Kiraz Baskılı Anne Kız Kaşkorse Pijama","description":"","brand":"yezekids","offers":[{"title":"S.M \/ kaşkorse","offer_id":45236541784201,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"L \/ kaşkorse","offer_id":45236541816969,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"XL \/ kaşkorse","offer_id":45236541849737,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"2XL \/ kaşkorse","offer_id":45236541882505,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"10-11 Yaş \/ kaşkorse","offer_id":45236541915273,"sku":null,"price":499.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 Yaş \/ kaşkorse","offer_id":45236541948041,"sku":null,"price":499.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş \/ kaşkorse","offer_id":45236541980809,"sku":null,"price":499.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş \/ kaşkorse","offer_id":45236542013577,"sku":null,"price":499.0,"currency_code":"TRY","in_stock":true},{"title":"S \/ kaşkorse","offer_id":45244460236937,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/20854BA1-4278-450E-931F-4713AB09EBF4.jpg?v=1770296894"},{"product_id":"hello-kitty-polar-sabahlik","title":"Siyah Süet Kalpli Anne Kız","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":45239789551753,"sku":null,"price":495.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":45239789584521,"sku":null,"price":495.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45239789617289,"sku":null,"price":495.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45239789650057,"sku":null,"price":495.0,"currency_code":"TRY","in_stock":false},{"title":"5 Yaş","offer_id":45239822385289,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":false},{"title":"6 Yaş","offer_id":45239822418057,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":true},{"title":"7 Yaş","offer_id":45239822450825,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":true},{"title":"8 Yaş","offer_id":45239822483593,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":false},{"title":"9 Yaş","offer_id":45239822516361,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":true},{"title":"10 Yaş","offer_id":45239822549129,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":false},{"title":"11 Yaş","offer_id":45239822581897,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":false},{"title":"12 Yaş","offer_id":45239822614665,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":false},{"title":"13 Yaş","offer_id":45239822647433,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":true},{"title":"14 Yaş","offer_id":45239822680201,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":true},{"title":"15 Yaş","offer_id":45239822712969,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":true},{"title":"16 Yaş","offer_id":45239822745737,"sku":null,"price":415.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/EA982C03-DE2D-48AF-ADA4-E3913BB45415.jpg?v=1770411628"},{"product_id":"pembe-cizgili-pamuk-saten-anne-kiz","title":"Pembe Çizgili Pamuk Saten Anne Kız","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S","offer_id":45239894900873,"sku":null,"price":799.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":45239894966409,"sku":null,"price":799.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45239894999177,"sku":null,"price":799.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45239895031945,"sku":null,"price":799.0,"currency_code":"TRY","in_stock":true},{"title":"4-5 Yaş","offer_id":45239895163017,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"6-7 Yaş","offer_id":45239895195785,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"8-9 Yaş","offer_id":45239895228553,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":45239895261321,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/4CAFFCC4-B53D-4236-8229-A29E9BDBD1D9.jpg?v=1770412458"},{"product_id":"mavi-cizgili-pamuk-saten-anne-kiz","title":"Mavi Çizgili Pamuk Saten Anne Kız","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S","offer_id":45239905353865,"sku":null,"price":799.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":45239905386633,"sku":null,"price":799.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45239905419401,"sku":null,"price":799.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45239905452169,"sku":null,"price":799.0,"currency_code":"TRY","in_stock":true},{"title":"4-5 Yaş","offer_id":45239905484937,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"6-7 Yaş","offer_id":45239905517705,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"8-9 Yaş","offer_id":45239905550473,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"10-11 Yaş","offer_id":45239905583241,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/984D5359-21BB-458A-ADF2-58CB22C01E00.jpg?v=1770412485"},{"product_id":"cicekli-pamuk-saten-anne-kiz","title":"Çiçekli Pamuk Saten Anne Kız","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S","offer_id":45239923835017,"sku":null,"price":799.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":45239923867785,"sku":null,"price":799.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45239923900553,"sku":null,"price":799.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45239923933321,"sku":null,"price":799.0,"currency_code":"TRY","in_stock":false},{"title":"4-5 Yaş","offer_id":45239923966089,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"6-7 Yaş","offer_id":45239923998857,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"8-9 Yaş","offer_id":45239924031625,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":45239924064393,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/D223E372-BA4B-40FD-9E16-0E3658175821.jpg?v=1770412512"},{"product_id":"kirmizi-ekose-aile-pijama-takimi","title":"Kırmızı Ekose Aile Pijama Takımı","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S","offer_id":45240130207881,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"S.M","offer_id":45240130240649,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":45240130273417,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45240130306185,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"6-7 Yaş","offer_id":45240130404489,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"7-8 Yaş","offer_id":45240131780745,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"8-9 Yaş","offer_id":45240130437257,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"9-10 Yaş","offer_id":45240139677833,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":45240130470025,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 Yaş","offer_id":45240131813513,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"12-13 Yaş","offer_id":45240130502793,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"13-14 Yaş","offer_id":45240131846281,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/58E083F2-3ABA-4DF1-A83D-50C63F60CD3A.png?v=1770412667"},{"product_id":"leopar-anne-kiz-pijama","title":"Leopar  Anne Kız Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\" class=\"w-full h-full overflow-auto\" id=\"app\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\" class=\"heading-font\" id=\"main-heading\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp style=\"font-size: 16px; color: #64748b; font-weight: 400;\" id=\"subtitle\"\u003e2 Parça Yetişkin ve Çocuk\u003cspan style=\"font-size: 24px;\"\u003e\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-2\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-3\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\" class=\"size-badge\"\u003eS\u003c\/div\u003e\n\u003cdiv style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\" class=\"size-badge\"\u003eM\u003c\/div\u003e\n\u003cdiv style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\" class=\"size-badge\"\u003eL\u003c\/div\u003e\n\u003cdiv style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\" class=\"size-badge\"\u003eXL\u003c\/div\u003e\n\u003cdiv style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\" class=\"size-badge\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onr\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S","offer_id":45240361123977,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"Medium","offer_id":45398679584905,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":45240361189513,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45240361222281,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"2-3 Yaş","offer_id":45240362696841,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"3-4 Yaş","offer_id":45240362729609,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"4-5 Yaş","offer_id":45240362762377,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"5-6 Yaş","offer_id":45240363221129,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"6-7 Yaş","offer_id":45240361255049,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"7-8 Yaş","offer_id":45240361287817,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"8-9 Yaş","offer_id":45240361320585,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"9-10 Yaş","offer_id":45240361353353,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":45240361386121,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"11-12 Yaş","offer_id":45240361418889,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"12-13 Yaş","offer_id":45240361451657,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"13-14 Yaş","offer_id":45240361484425,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/D032AA29-2087-4E5B-9967-FA1B431B5F47.png?v=1770412781"},{"product_id":"puantiye-desenli-anne-kiz-kaskorse-pijama","title":"Puantiye desenli Anne Kız Milan Pijama","description":"","brand":"yezekids","offers":[{"title":"S.M \/ kaşkorse","offer_id":45241212272777,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"L \/ kaşkorse","offer_id":45241212305545,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"XL \/ kaşkorse","offer_id":45241212338313,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"2XL \/ kaşkorse","offer_id":45241212371081,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"10-11 Yaş \/ kaşkorse","offer_id":45241212403849,"sku":null,"price":499.0,"currency_code":"TRY","in_stock":false},{"title":"11-12 Yaş \/ kaşkorse","offer_id":45241212436617,"sku":null,"price":499.0,"currency_code":"TRY","in_stock":true},{"title":"12-13 Yaş \/ kaşkorse","offer_id":45241212469385,"sku":null,"price":499.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş \/ kaşkorse","offer_id":45241212502153,"sku":null,"price":499.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/87674B3F-E475-4B1F-8C24-11D5A003D746.jpg?v=1770481204"},{"product_id":"kopya-leopar-anne-kiz-pijama","title":"Kalp Desenli pamuk  Anne Kız Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S","offer_id":45241220268169,"sku":null,"price":615.0,"currency_code":"TRY","in_stock":true},{"title":"S.M","offer_id":45241220300937,"sku":null,"price":615.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45241220333705,"sku":null,"price":615.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45241220366473,"sku":null,"price":615.0,"currency_code":"TRY","in_stock":false},{"title":"2-3 Yaş","offer_id":45241220399241,"sku":null,"price":515.0,"currency_code":"TRY","in_stock":true},{"title":"3-4 Yaş","offer_id":45241220432009,"sku":null,"price":515.0,"currency_code":"TRY","in_stock":false},{"title":"4-5 Yaş","offer_id":45241220464777,"sku":null,"price":515.0,"currency_code":"TRY","in_stock":true},{"title":"5-6 Yaş","offer_id":45241220497545,"sku":null,"price":515.0,"currency_code":"TRY","in_stock":true},{"title":"6-7 Yaş","offer_id":45241220530313,"sku":null,"price":515.0,"currency_code":"TRY","in_stock":true},{"title":"7-8 Yaş","offer_id":45241220563081,"sku":null,"price":515.0,"currency_code":"TRY","in_stock":true},{"title":"8-9 Yaş","offer_id":45241220595849,"sku":null,"price":515.0,"currency_code":"TRY","in_stock":true},{"title":"9-10 Yaş","offer_id":45241220628617,"sku":null,"price":515.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":45241220661385,"sku":null,"price":515.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 Yaş","offer_id":45241220694153,"sku":null,"price":515.0,"currency_code":"TRY","in_stock":true},{"title":"12-13 Yaş","offer_id":45241220726921,"sku":null,"price":515.0,"currency_code":"TRY","in_stock":true},{"title":"13-14 Yaş","offer_id":45241220759689,"sku":null,"price":515.0,"currency_code":"TRY","in_stock":true},{"title":"18-24 Ay","offer_id":45241245892745,"sku":null,"price":615.0,"currency_code":"TRY","in_stock":true},{"title":"12-18 ay","offer_id":45241245925513,"sku":null,"price":615.0,"currency_code":"TRY","in_stock":true},{"title":"9-12 ay","offer_id":45241246154889,"sku":null,"price":615.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/IMG-0786.png?v=1771877478"},{"product_id":"kopya-alt-kirmizi-ust-3-kalpli-sezen-penye-pijama","title":"Alt  üst 3 ayıcık Penye Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S","offer_id":45241353863305,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"M","offer_id":45241353896073,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":45241353928841,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45241353961609,"sku":null,"price":695.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45241353994377,"sku":null,"price":729.0,"currency_code":"TRY","in_stock":false},{"title":"3XL","offer_id":45241354027145,"sku":null,"price":729.0,"currency_code":"TRY","in_stock":false},{"title":"4XL","offer_id":45241354059913,"sku":null,"price":729.0,"currency_code":"TRY","in_stock":false},{"title":"5XL","offer_id":45241354092681,"sku":null,"price":729.0,"currency_code":"TRY","in_stock":false},{"title":"4-5 Yaş","offer_id":45241354125449,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":true},{"title":"6-7 Yaş","offer_id":45241354158217,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"8-9 Yaş","offer_id":45241354190985,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":true},{"title":"10-11 Yaş","offer_id":45241354223753,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş","offer_id":45241354256521,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":false},{"title":"14-15 Yaş","offer_id":45241354289289,"sku":null,"price":595.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/737B159A-88F6-4155-A8C7-7D4ED1C935A7.jpg?v=1774730303"},{"product_id":"kopya-alt-ust-3-ayicik-penye-pijama","title":"Alt  üst ayıcık mavi Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S","offer_id":45241355305097,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"M","offer_id":45241355337865,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":45241355370633,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45241355403401,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45241355436169,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"3XL","offer_id":45241355468937,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"4XL","offer_id":45241355501705,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"5XL","offer_id":45241355534473,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"4-5 Yaş","offer_id":45241355567241,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"6-7 Yaş","offer_id":45241355600009,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"8-9 Yaş","offer_id":45241355632777,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":45241355665545,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"12-13 Yaş","offer_id":45241355698313,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"14-15 Yaş","offer_id":45241355731081,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsApp_Image_2026-02-09_at_22.32.48.jpg?v=1770666762"},{"product_id":"mavi-kelebek-nakisli-kadife-pijama-kopya","title":"Palmiye Anne Kız Penye Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eS-M\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":45249547370633,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45249547403401,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45249547436169,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"2XL","offer_id":45249547468937,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"10-11 Yaş","offer_id":45249547632777,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 Yaş","offer_id":45249547665545,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"12-13 Yaş","offer_id":45249547698313,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş","offer_id":45249547731081,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsApp_Image_2026-02-11_at_11.42.54_2.jpg?v=1770799812"},{"product_id":"palmiye-anne-kiz-penye-pijama-kopya","title":"İnspire Anne Kız Penye Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eS-M\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":45249885601929,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45249885634697,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45249885667465,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"2XL","offer_id":45249885700233,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":45249885733001,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 Yaş","offer_id":45249885765769,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"12-13 Yaş","offer_id":45249885798537,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş","offer_id":45249885831305,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsApp_Image_2026-02-11_at_11.42.54_1.jpg?v=1770800071"},{"product_id":"love-you-anne-kiz-penye-pijama","title":"Love You  Yeşil Anne Kız Penye Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eS-M\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":45299477971081,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45299478003849,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45299478036617,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"2XL","offer_id":45299478069385,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"10-11 Yaş","offer_id":45299478102153,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 Yaş","offer_id":45299478134921,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"12-13 Yaş","offer_id":45299478167689,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş","offer_id":45299478200457,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/412850B8-B10C-435D-AF88-FBBF17458B72.jpg?v=1772831847"},{"product_id":"karma-anne-kiz-penye-pijama","title":"Karma Anne Kız Penye Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eS-M\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":45299489800329,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45299489833097,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45299489865865,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45299489898633,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"10-11 Yaş","offer_id":45299489931401,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 Yaş","offer_id":45299489964169,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"12-13 Yaş","offer_id":45299489996937,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş","offer_id":45299490029705,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/D0B6E29E-D364-4BF2-BD14-95F40C14CB9C.jpg?v=1771952242"},{"product_id":"cool-anne-kiz-penye-pijama","title":"Cool Anne Kız Penye Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eS-M\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":45299492389001,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45299492421769,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45299492454537,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"2XL","offer_id":45299492487305,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"10-11 Yaş","offer_id":45299492520073,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":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":"daisy-anne-kiz-penye-pijama","title":"Daisy Anne Kız Penye Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eS-M\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":45440219316361,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45440219349129,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45440219381897,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"2XL","offer_id":45440219414665,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"10-11 Yaş","offer_id":45440219447433,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 Yaş","offer_id":45440219480201,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"12-13 Yaş","offer_id":45440219512969,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş","offer_id":45440219545737,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/IMG-0904.png?v=1774557766"},{"product_id":"kiraz-anne-kiz-penye-pijama","title":"Kiraz Anne Kız Penye Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eS-M\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":45440223903881,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45440223936649,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45440223969417,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"2XL","offer_id":45440224002185,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"10-11 Yaş","offer_id":45440224034953,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 Yaş","offer_id":45440224067721,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"12-13 Yaş","offer_id":45440224100489,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş","offer_id":45440224133257,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/IMG-0906.png?v=1774558035"},{"product_id":"kirmizi-penye-pijama-kopya","title":"Lavanta Kalp Anne \u0026 Kız Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003cp style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003eFiyat Tek Ürün İçindir Anne ve Kız Ürünü Ayrı Ayrı Sepete Ekleyiniz\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S","offer_id":45596638216329,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"Medium","offer_id":45596638249097,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45596638281865,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45596638314633,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"4-5 Yaş","offer_id":45596638445705,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"6-7 Yaş","offer_id":45596638478473,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"8-9 Yaş","offer_id":45596638511241,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":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":false},{"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"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/collections\/WhatsApp_Image_2026-01-22_at_15.13.42.jpg?v=1769100941","url":"https:\/\/www.yezekids.com.tr\/collections\/anne-kiz-pijama-takimi.oembed?page=2","provider":"yezekids","version":"1.0","type":"link"}