{"title":"Öne Çıkanklar","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":"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":"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":"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":"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":true},{"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":"baba-ogul-yesil-ekose-pijama-takimi","title":"Baba Oğul Yeşil Ekose Pijama Takımı","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\" class=\"w-full h-full overflow-auto\" id=\"app\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\" class=\"heading-font\" id=\"main-heading\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cblockquote\u003e\n\u003cp style=\"font-size: 16px; color: #64748b; font-weight: 400;\" id=\"subtitle\"\u003e2 Parça Yetişkin ve Çocuk  \u003c\/p\u003e\n\u003c\/blockquote\u003e\n\u003ch1 style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e\u003cstrong\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsApp_Image_2026-05-09_at_15.03.20.jpg?v=1778328279\"\u003e\u003c\/strong\u003e\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-1\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-2\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-3\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"M","offer_id":45347861135497,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45347861168265,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45347861201033,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45347861233801,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 yaş","offer_id":45347861266569,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 yaş","offer_id":45347861299337,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"14-15 yaş","offer_id":45347861332105,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"15-16 yaş","offer_id":45347861364873,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/7EC49383-9E6B-4AF6-B6B5-76B0310C084C.png?v=1772698758"},{"product_id":"baba-ogul-bordo-ekose-pijama-takimi","title":"Baba Oğul Bordo Ekose Pijama Takımı","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\" class=\"w-full h-full overflow-auto\" id=\"app\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\" class=\"heading-font\" id=\"main-heading\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cblockquote\u003e\n\u003cp style=\"font-size: 16px; color: #64748b; font-weight: 400;\" id=\"subtitle\"\u003e2 Parça Yetişkin ve Çocuk  \u003c\/p\u003e\n\u003c\/blockquote\u003e\n\u003ch1 style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e\u003cstrong\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsApp_Image_2026-05-09_at_15.03.20.jpg?v=1778328279\"\u003e\u003c\/strong\u003e\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-1\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-2\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-3\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"M","offer_id":45347880697993,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45347880730761,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45347880763529,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45347880796297,"sku":null,"price":699.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 yaş","offer_id":45347880829065,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 yaş","offer_id":45347880861833,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 yaş","offer_id":45347880894601,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true},{"title":"15-16 yaş","offer_id":45347880927369,"sku":null,"price":599.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/716E997A-7923-41C5-A8D7-C5EC13143351.jpg?v=1772699116"},{"product_id":"kopya-baba-ogul-siyah-kisa-kol-pijama-takimi","title":"Baba Oğul Gri Kısa Kol Pijama Takımı","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\" class=\"w-full h-full overflow-auto\" id=\"app\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\" class=\"heading-font\" id=\"main-heading\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cblockquote\u003e\n\u003cp style=\"font-size: 16px; color: #64748b; font-weight: 400;\" id=\"subtitle\"\u003e2 Parça Yetişkin ve Çocuk  \u003c\/p\u003e\n\u003c\/blockquote\u003e\n\u003ch1 style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e\u003cstrong\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsApp_Image_2026-05-09_at_15.03.20.jpg?v=1778328279\"\u003e\u003c\/strong\u003e\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-1\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-2\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-3\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"M","offer_id":45358039367817,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45358039400585,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45358039433353,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45358039466121,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 yaş","offer_id":45358039498889,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 yaş","offer_id":45358039531657,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 yaş","offer_id":45358039564425,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"15-16 yaş","offer_id":45358039597193,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/IMG-0808.png?v=1773085199"},{"product_id":"baba-ogul-yesil-kisa-kol-pijama-takimi","title":"Baba Oğul Yeşil Kısa Kol Pijama Takımı","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\" class=\"w-full h-full overflow-auto\" id=\"app\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\" class=\"heading-font\" id=\"main-heading\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cblockquote\u003e\n\u003cp style=\"font-size: 16px; color: #64748b; font-weight: 400;\" id=\"subtitle\"\u003e2 Parça Yetişkin ve Çocuk  \u003c\/p\u003e\n\u003c\/blockquote\u003e\n\u003ch1 style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e\u003cstrong\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsApp_Image_2026-05-09_at_15.03.20.jpg?v=1778328279\"\u003e\u003c\/strong\u003e\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-1\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-2\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-3\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"M","offer_id":45426674368649,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45426674401417,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45426674434185,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"2XL","offer_id":45426674466953,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 yaş","offer_id":45426674499721,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 yaş","offer_id":45426674532489,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 yaş","offer_id":45426674565257,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"15-16 yaş","offer_id":45426674598025,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/IMG-3094.png?v=1774363802"},{"product_id":"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":"baba-ogul-surfing-kisa-kol-takim","title":"Baba Oğul  Surfing Kısa Kol Takım","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\" class=\"w-full h-full overflow-auto\" id=\"app\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\" class=\"heading-font\" id=\"main-heading\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cblockquote\u003e\n\u003cp style=\"font-size: 16px; color: #64748b; font-weight: 400;\" id=\"subtitle\"\u003e2 Parça Yetişkin ve Çocuk  \u003c\/p\u003e\n\u003c\/blockquote\u003e\n\u003ch1 style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e\u003cstrong\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsApp_Image_2026-05-09_at_15.03.20.jpg?v=1778328279\"\u003e\u003c\/strong\u003e\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-1\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-2\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-3\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"M","offer_id":45493060436105,"sku":null,"price":649.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":45493060468873,"sku":null,"price":649.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45493060501641,"sku":null,"price":649.0,"currency_code":"TRY","in_stock":true},{"title":"2XL","offer_id":45493060534409,"sku":null,"price":649.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 Yaş","offer_id":45493060567177,"sku":null,"price":549.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş","offer_id":45493060599945,"sku":null,"price":549.0,"currency_code":"TRY","in_stock":false},{"title":"14-15 Yaş","offer_id":45493060632713,"sku":null,"price":549.0,"currency_code":"TRY","in_stock":true},{"title":"15-16 Yaş","offer_id":45493060665481,"sku":null,"price":549.0,"currency_code":"TRY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/IMG-0966.png?v=1775662896"},{"product_id":"baba-ogul-free-kisa-kol-takim","title":"Baba Oğul  Free Kısa Kol Takım","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\" class=\"w-full h-full overflow-auto\" id=\"app\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\" class=\"heading-font\" id=\"main-heading\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cblockquote\u003e\n\u003cp style=\"font-size: 16px; color: #64748b; font-weight: 400;\" id=\"subtitle\"\u003e2 Parça Yetişkin ve Çocuk  \u003c\/p\u003e\n\u003c\/blockquote\u003e\n\u003ch1 style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e\u003cstrong\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsApp_Image_2026-05-09_at_15.03.20.jpg?v=1778328279\"\u003e\u003c\/strong\u003e\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-1\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-2\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-3\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"M","offer_id":45493063417993,"sku":null,"price":649.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":45493063450761,"sku":null,"price":649.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45493063483529,"sku":null,"price":649.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45493063516297,"sku":null,"price":649.0,"currency_code":"TRY","in_stock":false},{"title":"11-12 Yaş","offer_id":45493063549065,"sku":null,"price":549.0,"currency_code":"TRY","in_stock":true},{"title":"12-13 Yaş","offer_id":45493063581833,"sku":null,"price":549.0,"currency_code":"TRY","in_stock":false},{"title":"14-15 Yaş","offer_id":45493063614601,"sku":null,"price":549.0,"currency_code":"TRY","in_stock":false},{"title":"15-16 Yaş","offer_id":45493063647369,"sku":null,"price":549.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/IMG-0969.png?v=1775663564"},{"product_id":"baba-ogul-born-kisa-kol-takim","title":"Baba Oğul  Born Kısa Kol Takım","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\" class=\"w-full h-full overflow-auto\" id=\"app\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\" class=\"heading-font\" id=\"main-heading\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cblockquote\u003e\n\u003cp style=\"font-size: 16px; color: #64748b; font-weight: 400;\" id=\"subtitle\"\u003e2 Parça Yetişkin ve Çocuk  \u003c\/p\u003e\n\u003c\/blockquote\u003e\n\u003ch1 style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e\u003cstrong\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsApp_Image_2026-05-09_at_15.03.20.jpg?v=1778328279\"\u003e\u003c\/strong\u003e\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-1\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-2\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-3\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"M","offer_id":45493073936521,"sku":null,"price":649.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45493073969289,"sku":null,"price":649.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45493074002057,"sku":null,"price":649.0,"currency_code":"TRY","in_stock":true},{"title":"2XL","offer_id":45493074034825,"sku":null,"price":649.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 Yaş","offer_id":45493074067593,"sku":null,"price":549.0,"currency_code":"TRY","in_stock":true},{"title":"12-13 Yaş","offer_id":45493074100361,"sku":null,"price":549.0,"currency_code":"TRY","in_stock":false},{"title":"14-15 Yaş","offer_id":45493074133129,"sku":null,"price":549.0,"currency_code":"TRY","in_stock":true},{"title":"15-16 Yaş","offer_id":45493074165897,"sku":null,"price":549.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/IMG-3197.png?v=1775664659"},{"product_id":"baba-ogul-run-kisa-kol-takim","title":"Baba Oğul  Run  Kısa Kol Takım","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\" class=\"w-full h-full overflow-auto\" id=\"app\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\" class=\"heading-font\" id=\"main-heading\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cblockquote\u003e\n\u003cp style=\"font-size: 16px; color: #64748b; font-weight: 400;\" id=\"subtitle\"\u003e2 Parça Yetişkin ve Çocuk  \u003c\/p\u003e\n\u003c\/blockquote\u003e\n\u003ch1 style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e\u003cstrong\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsApp_Image_2026-05-09_at_15.03.20.jpg?v=1778328279\"\u003e\u003c\/strong\u003e\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-1\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-2\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-3\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"M","offer_id":45493080457353,"sku":null,"price":649.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":45493080490121,"sku":null,"price":649.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45493080522889,"sku":null,"price":649.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45493080555657,"sku":null,"price":649.0,"currency_code":"TRY","in_stock":false},{"title":"11-12 Yaş","offer_id":45493080588425,"sku":null,"price":549.0,"currency_code":"TRY","in_stock":true},{"title":"12-13 Yaş","offer_id":45493080621193,"sku":null,"price":549.0,"currency_code":"TRY","in_stock":false},{"title":"14-15 Yaş","offer_id":45493080653961,"sku":null,"price":549.0,"currency_code":"TRY","in_stock":true},{"title":"15-16 Yaş","offer_id":45493080686729,"sku":null,"price":549.0,"currency_code":"TRY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/IMG-3200.png?v=1775665145"},{"product_id":"baba-ogul-skate-kisa-kol-takim","title":"Baba Oğul  Skate  Kısa Kol Takım","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\" class=\"w-full h-full overflow-auto\" id=\"app\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\" class=\"heading-font\" id=\"main-heading\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cblockquote\u003e\n\u003cp style=\"font-size: 16px; color: #64748b; font-weight: 400;\" id=\"subtitle\"\u003e2 Parça Yetişkin ve Çocuk  \u003c\/p\u003e\n\u003c\/blockquote\u003e\n\u003ch1 style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e\u003cstrong\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsApp_Image_2026-05-09_at_15.03.20.jpg?v=1778328279\"\u003e\u003c\/strong\u003e\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-1\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-2\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-3\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"M","offer_id":45493087928457,"sku":null,"price":649.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45493087961225,"sku":null,"price":649.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45493087993993,"sku":null,"price":649.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45493088026761,"sku":null,"price":649.0,"currency_code":"TRY","in_stock":false},{"title":"11-12 Yaş","offer_id":45493088059529,"sku":null,"price":549.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş","offer_id":45493088092297,"sku":null,"price":549.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş","offer_id":45493088125065,"sku":null,"price":549.0,"currency_code":"TRY","in_stock":false},{"title":"15-16 Yaş","offer_id":45493088157833,"sku":null,"price":549.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/DE61F654-89CE-4AD0-A722-20D0A0C5B52A.png?v=1775665467"},{"product_id":"pembe-saten-kadin-pijama","title":"Candy Silk Saten Kadın Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eS\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S","offer_id":45591078764681,"sku":null,"price":1495.0,"currency_code":"TRY","in_stock":true},{"title":"M","offer_id":45591076110473,"sku":null,"price":1495.0,"currency_code":"TRY","in_stock":false},{"title":"L","offer_id":45591076143241,"sku":null,"price":1495.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45591076176009,"sku":null,"price":1495.0,"currency_code":"TRY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/IMG-0982.jpg?v=1776371390"},{"product_id":"lavanta-kalp-anne-kiz-pijama-kopya","title":"Kalp Serisi Kırmızı Anne \u0026 Kız Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003cp style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003eFiyat Tek Ürün İçindir Anne ve Kız Ürünü Ayrı Ayrı Sepete Ekleyiniz\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S","offer_id":45596737044617,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"Medium","offer_id":45596737077385,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45596737110153,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45596737142921,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":false},{"title":"4-5 Yaş","offer_id":45596737175689,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"6-7 Yaş","offer_id":45596737208457,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"8-9 Yaş","offer_id":45596737241225,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":45596737273993,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"12-13 Yaş","offer_id":45596737306761,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş","offer_id":45596737339529,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsAppImage2026-04-17at13.10.51.jpg?v=1776425441"},{"product_id":"kalp-serisi-kirmizi-anne-kiz-pijama-kopya","title":"Soft Bear Anne \u0026 Kız Pijama","description":"","brand":"yezekids","offers":[{"title":"S","offer_id":45596742746249,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"Medium","offer_id":45596742779017,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45596742811785,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45596742844553,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"4-5 Yaş","offer_id":45596742877321,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"6-7 Yaş","offer_id":45596742910089,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"8-9 Yaş","offer_id":45596742942857,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":false},{"title":"10-11 Yaş","offer_id":45596742975625,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"12-13 Yaş","offer_id":45596743008393,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş","offer_id":45596743041161,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsAppImage2026-04-17at13.10.51_6.jpg?v=1776425596"},{"product_id":"soft-bear-anne-kiz-pijama-kopya","title":"Ekose Şıklık Anne \u0026 Kız Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003cp style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003eFiyat Tek Ürün İçindir Anne ve Kız Ürünü Ayrı Ayrı Sepete Ekleyiniz\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S","offer_id":45596747333769,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"Medium","offer_id":45596747366537,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45596747399305,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45596747432073,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"4-5 Yaş","offer_id":45596747464841,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"6-7 Yaş","offer_id":45596747497609,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"8-9 Yaş","offer_id":45596747530377,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"10-11 Yaş","offer_id":45596747563145,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":false},{"title":"12-13 Yaş","offer_id":45596747595913,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş","offer_id":45596747628681,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsAppImage2026-04-17at13.10.51_4.jpg?v=1776425734"},{"product_id":"daisy-anne-kiz-penye-pijama-kopya","title":"Cool Mood Anne Kız Penye Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eS-M\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":45596758737033,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45596758769801,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45596758802569,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"2XL","offer_id":45596758835337,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"10-11 Yaş","offer_id":45596758868105,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 Yaş","offer_id":45596758900873,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"12-13 Yaş","offer_id":45596758933641,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş","offer_id":45596758966409,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsAppImage2026-04-17at13.10.51_7.jpg?v=1776425969"},{"product_id":"kiraz-kisa-kol-sort-anne-kiz-penye-pijama","title":"Kiraz  Kısa Kol Şort Anne Kız Penye Pijama","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 id=\"main-heading\" class=\"heading-font\" style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cp id=\"subtitle\" style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e2 Parça Yetişkin ve Çocuk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan id=\"feature-1\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan id=\"feature-2\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan id=\"feature-3\" style=\"font-size: 15px; font-weight: 500; color: #1e293b;\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003cdiv style=\"margin-bottom: 24px;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 12px; text-align: center;\"\u003eBedenler\u003c\/p\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;\"\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eS-M\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-badge\" style=\"background: white; border: 2px solid #667eea; padding: 8px 16px; border-radius: 8px; font-weight: 600; color: #667eea; cursor: pointer; font-size: 14px;\"\u003eXXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"S.M","offer_id":45597766058121,"sku":null,"price":625.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45597766090889,"sku":null,"price":625.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45597766123657,"sku":null,"price":625.0,"currency_code":"TRY","in_stock":true},{"title":"2XL","offer_id":45597766156425,"sku":null,"price":625.0,"currency_code":"TRY","in_stock":true},{"title":"10-11 Yaş","offer_id":45597766189193,"sku":null,"price":525.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 Yaş","offer_id":45597766221961,"sku":null,"price":525.0,"currency_code":"TRY","in_stock":true},{"title":"12-13 Yaş","offer_id":45597766254729,"sku":null,"price":525.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş","offer_id":45597766287497,"sku":null,"price":525.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/8EC6F1A6-ADD7-4F4C-A803-764EF85E7F45.png?v=1776457334"},{"product_id":"baba-ogul-born-larcivert-kisa-kol-takim","title":"Baba Oğul  Born Larcivert Kısa Kol Takım","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\" class=\"w-full h-full overflow-auto\" id=\"app\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\" class=\"heading-font\" id=\"main-heading\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cblockquote\u003e\n\u003cp style=\"font-size: 16px; color: #64748b; font-weight: 400;\" id=\"subtitle\"\u003e2 Parça Yetişkin ve Çocuk  \u003c\/p\u003e\n\u003c\/blockquote\u003e\n\u003ch1 style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e\u003cstrong\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsApp_Image_2026-05-09_at_15.03.20.jpg?v=1778328279\"\u003e\u003c\/strong\u003e\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-1\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-2\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-3\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"M","offer_id":45597879435401,"sku":null,"price":649.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45597879468169,"sku":null,"price":649.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45597879500937,"sku":null,"price":649.0,"currency_code":"TRY","in_stock":true},{"title":"2XL","offer_id":45597879533705,"sku":null,"price":649.0,"currency_code":"TRY","in_stock":false},{"title":"11-12 Yaş","offer_id":45597879566473,"sku":null,"price":549.0,"currency_code":"TRY","in_stock":true},{"title":"12-13 Yaş","offer_id":45597879599241,"sku":null,"price":549.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş","offer_id":45597879632009,"sku":null,"price":549.0,"currency_code":"TRY","in_stock":false},{"title":"15-16 Yaş","offer_id":45597879664777,"sku":null,"price":549.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/IMG-3348.png?v=1776458589"},{"product_id":"ocean-night-baba-ogul-pijama","title":"Ocean Night Baba \u0026 Oğul 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 style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\" class=\"w-full h-full overflow-auto\" id=\"app\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\" class=\"heading-font\" id=\"main-heading\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cblockquote\u003e\n\u003cp style=\"font-size: 16px; color: #64748b; font-weight: 400;\" id=\"subtitle\"\u003e2 Parça Yetişkin ve Çocuk  \u003c\/p\u003e\n\u003c\/blockquote\u003e\n\u003ch1 style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e\u003cstrong\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsApp_Image_2026-05-09_at_15.03.20.jpg?v=1778328279\"\u003e\u003c\/strong\u003e\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-1\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-2\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-3\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"M","offer_id":45860529766537,"sku":null,"price":649.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45860529799305,"sku":null,"price":649.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45860529832073,"sku":null,"price":649.0,"currency_code":"TRY","in_stock":true},{"title":"2XL","offer_id":45860529864841,"sku":null,"price":649.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 Yaş","offer_id":45860529897609,"sku":null,"price":549.0,"currency_code":"TRY","in_stock":true},{"title":"12-13 Yaş","offer_id":45860529930377,"sku":null,"price":549.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş","offer_id":45860529963145,"sku":null,"price":549.0,"currency_code":"TRY","in_stock":true},{"title":"15-16 Yaş","offer_id":45860529995913,"sku":null,"price":549.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/IMG-3445.png?v=1777206481"},{"product_id":"sun-coast-baba-ogul-kombin","title":"Sun Coast Baba \u0026 Oğul Kombin","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\" class=\"w-full h-full overflow-auto\" id=\"app\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\" class=\"heading-font\" id=\"main-heading\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cblockquote\u003e\n\u003cp style=\"font-size: 16px; color: #64748b; font-weight: 400;\" id=\"subtitle\"\u003e2 Parça Yetişkin ve Çocuk  \u003c\/p\u003e\n\u003c\/blockquote\u003e\n\u003ch1 style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e\u003cstrong\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsApp_Image_2026-05-09_at_15.03.20.jpg?v=1778328279\"\u003e\u003c\/strong\u003e\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-1\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-2\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-3\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e\n","brand":"yezekids","offers":[{"title":"M","offer_id":45860771201161,"sku":null,"price":649.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45860771233929,"sku":null,"price":649.0,"currency_code":"TRY","in_stock":false},{"title":"XL","offer_id":45860771266697,"sku":null,"price":649.0,"currency_code":"TRY","in_stock":false},{"title":"2XL","offer_id":45860771299465,"sku":null,"price":649.0,"currency_code":"TRY","in_stock":false},{"title":"11-12 Yaş","offer_id":45860771332233,"sku":null,"price":549.0,"currency_code":"TRY","in_stock":true},{"title":"12-13 Yaş","offer_id":45860771365001,"sku":null,"price":549.0,"currency_code":"TRY","in_stock":false},{"title":"14-15 Yaş","offer_id":45860771397769,"sku":null,"price":549.0,"currency_code":"TRY","in_stock":true},{"title":"15-16 Yaş","offer_id":45860771430537,"sku":null,"price":549.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/IMG-3520.png?v=1778281031"},{"product_id":"active-mood-aile-seti","title":"Active Mood Aile Seti","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript type=\"text\/javascript\" src=\"\/_sdk\/data_sdk.js\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\" class=\"w-full h-full overflow-auto\" id=\"app\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\" class=\"heading-font\" id=\"main-heading\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cblockquote\u003e\n\u003cp style=\"font-size: 16px; color: #64748b; font-weight: 400;\" id=\"subtitle\"\u003e2 Parça Yetişkin ve Çocuk  \u003c\/p\u003e\n\u003c\/blockquote\u003e\n\u003ch1 style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e\u003cstrong\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsApp_Image_2026-05-09_at_15.03.20.jpg?v=1778328279\"\u003e\u003c\/strong\u003e\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-1\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-2\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-3\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"M","offer_id":45860865966217,"sku":null,"price":649.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":45860865998985,"sku":null,"price":649.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":45860866031753,"sku":null,"price":649.0,"currency_code":"TRY","in_stock":true},{"title":"2XL","offer_id":45860866064521,"sku":null,"price":649.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 Yaş","offer_id":45860866097289,"sku":null,"price":549.0,"currency_code":"TRY","in_stock":true},{"title":"12-13 Yaş","offer_id":45860866130057,"sku":null,"price":549.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 Yaş","offer_id":45860866162825,"sku":null,"price":549.0,"currency_code":"TRY","in_stock":true},{"title":"15-16 Yaş","offer_id":45860866195593,"sku":null,"price":549.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/IMG-3443.png?v=1777206750"},{"product_id":"navy-legacy-baba-ogul-kombin","title":"Navy Legacy  Baba Oğul Kombin","description":"\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        .heading-font {\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        }\n        \n        .feature-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n        \n        .size-badge {\n            transition: all 0.2s ease;\n        }\n        \n        .size-badge:hover {\n            transform: scale(1.1);\n        }\n        \n        .cta-button {\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n        }\n    \u003c\/style\u003e\n\u003cdiv style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\" class=\"w-full h-full overflow-auto\" id=\"app\"\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto; padding: 30px 20px;\"\u003e\n\u003c!-- Compact Card --\u003e\n\u003cdiv style=\"background: white; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 24px;\"\u003e\n\u003ch1 style=\"font-size: 32px; font-weight: bold; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; line-height: 1.2;\" class=\"heading-font\" id=\"main-heading\"\u003e%100 Pamuk Pijama Takımı\u003c\/h1\u003e\n\u003cblockquote\u003e\n\u003cp style=\"font-size: 16px; color: #64748b; font-weight: 400;\" id=\"subtitle\"\u003e2 Parça Yetişkin ve Çocuk  \u003c\/p\u003e\n\u003c\/blockquote\u003e\n\u003ch1 style=\"font-size: 16px; color: #64748b; font-weight: 400;\"\u003e\u003cstrong\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsApp_Image_2026-05-09_at_15.03.20.jpg?v=1778328279\"\u003e\u003c\/strong\u003e\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003c!-- Compact Features --\u003e\n\u003cdiv style=\"background: #f8faff; padding: 20px; border-radius: 12px; margin-bottom: 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🌿\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-1\"\u003e%100 Pamuk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e👨👩👧👦\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-2\"\u003eTüm Aile İçin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; gap: 12px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✂️\u003c\/span\u003e \u003cspan style=\"font-size: 15px; font-weight: 500; color: #1e293b;\" id=\"feature-3\"\u003e2 Parça Takım\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sizes --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n        const defaultConfig = {\n            main_heading: \"%100 Pamuk Pijama Takımı\",\n            subtitle: \"2 Parça Yetişkin ve Çocuk Premium Pijama\",\n            feature_1: \"%100 Pamuk\",\n            feature_2: \"Tüm Aile İçin\",\n            feature_3: \"2 Parça Takım\",\n            background_color: \"#667eea\",\n            accent_color: \"#764ba2\",\n            card_background: \"#ffffff\",\n            text_color: \"#1e293b\",\n            button_color: \"#667eea\",\n            font_family: \"Inter\",\n            font_size: 16\n        };\n\n        async function onConfigChange(config) {\n            const customFont = config.font_family || defaultConfig.font_family;\n            const baseFontStack = 'Inter, sans-serif';\n            const headingFontStack = 'Playfair Display, serif';\n            const baseSize = config.font_size || defaultConfig.font_size;\n\n            \/\/ Update text content\n            document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n            document.getElementById('subtitle').textContent = config.subtitle || defaultConfig.subtitle;\n            document.getElementById('feature-1').textContent = config.feature_1 || defaultConfig.feature_1;\n            document.getElementById('feature-2').textContent = config.feature_2 || defaultConfig.feature_2;\n            document.getElementById('feature-3').textContent = config.feature_3 || defaultConfig.feature_3;\n\n            \/\/ Update fonts\n            document.getElementById('main-heading').style.fontFamily = `${customFont}, ${headingFontStack}`;\n            document.getElementById('subtitle').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-1').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-2').style.fontFamily = `${customFont}, ${baseFontStack}`;\n            document.getElementById('feature-3').style.fontFamily = `${customFont}, ${baseFontStack}`;\n\n            \/\/ Update font sizes\n            document.getElementById('main-heading').style.fontSize = `${baseSize * 2}px`;\n            document.getElementById('subtitle').style.fontSize = `${baseSize * 1}px`;\n            document.getElementById('feature-1').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-2').style.fontSize = `${baseSize * 0.9375}px`;\n            document.getElementById('feature-3').style.fontSize = `${baseSize * 0.9375}px`;\n\n            \/\/ Update colors\n            const backgroundColor = config.background_color || defaultConfig.background_color;\n            const accentColor = config.accent_color || defaultConfig.accent_color;\n            const cardBackground = config.card_background || defaultConfig.card_background;\n            const textColor = config.text_color || defaultConfig.text_color;\n\n            document.getElementById('app').style.background = `linear-gradient(135deg, ${backgroundColor} 0%, ${accentColor} 100%)`;\n            \n            const cards = document.querySelectorAll('.feature-card');\n            cards.forEach(card =\u003e {\n                card.style.background = `linear-gradient(135deg, #f0f4ff 0%, ${cardBackground} 100%)`;\n            });\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities: (config) =\u003e ({\n                    recolorables: [\n                        {\n                            get: () =\u003e config.background_color || defaultConfig.background_color,\n                            set: (value) =\u003e {\n                                config.background_color = value;\n                                window.elementSdk.setConfig({ background_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n                            set: (value) =\u003e {\n                                config.accent_color = value;\n                                window.elementSdk.setConfig({ accent_color: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.card_background || defaultConfig.card_background,\n                            set: (value) =\u003e {\n                                config.card_background = value;\n                                window.elementSdk.setConfig({ card_background: value });\n                            }\n                        },\n                        {\n                            get: () =\u003e config.text_color || defaultConfig.text_color,\n                            set: (value) =\u003e {\n                                config.text_color = value;\n                                window.elementSdk.setConfig({ text_color: value });\n                            }\n                        }\n                    ],\n                    borderables: [],\n                    fontEditable: {\n                        get: () =\u003e config.font_family || defaultConfig.font_family,\n                        set: (value) =\u003e {\n                            config.font_family = value;\n                            window.elementSdk.setConfig({ font_family: value });\n                        }\n                    },\n                    fontSizeable: {\n                        get: () =\u003e config.font_size || defaultConfig.font_size,\n                        set: (value) =\u003e {\n                            config.font_size = value;\n                            window.elementSdk.setConfig({ font_size: value });\n                        }\n                    }\n                }),\n                mapToEditPanelValues: (config) =\u003e new Map([\n                    [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n                    [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n                    [\"feature_1\", config.feature_1 || defaultConfig.feature_1],\n                    [\"feature_2\", config.feature_2 || defaultConfig.feature_2],\n                    [\"feature_3\", config.feature_3 || defaultConfig.feature_3]\n                ])\n            });\n        }\n    \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ba308c61142d5ef',t:'MTc2Nzc4NDQ5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"yezekids","offers":[{"title":"M","offer_id":46735009349769,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"L","offer_id":46735009382537,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"XL","offer_id":46735009415305,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"2XL","offer_id":46735009448073,"sku":null,"price":674.0,"currency_code":"TRY","in_stock":true},{"title":"11-12 yaş","offer_id":46735009480841,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"12-13 yaş","offer_id":46735009513609,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"14-15 yaş","offer_id":46735009546377,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true},{"title":"15-16 yaş","offer_id":46735009579145,"sku":null,"price":574.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/5482\/8169\/files\/WhatsAppImage2026-05-14at19.17.48.jpg?v=1778777290"}],"url":"https:\/\/www.yezekids.com.tr\/collections\/one-cikanklar.oembed?page=2","provider":"yezekids","version":"1.0","type":"link"}