{"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","url":"https:\/\/www.yezekids.com.tr\/products\/daisy-anne-kiz-penye-pijama-kopya","provider":"yezekids","version":"1.0","type":"link"}