    <script>
        var yghTariflerVeri = {"446":{"baslik":"Ali Nazik","tabanKisi":1,"gorsel":"https:\/\/www.bayatgelisimdernegi.com\/wp-content\/uploads\/2026\/08\/Ekran-Alintisi-2-300x190.jpg","malzemeler":[{"ad":"Dana eti","miktar":125,"birim":"gr","kalori":"156","yag":"8","protein":"19.7","karbonhidrat":"0"},{"ad":"Tuz","miktar":5,"birim":"gr","kalori":"1","yag":"0","protein":"0","karbonhidrat":"0"},{"ad":"Pul Biber","miktar":2,"birim":"gr","kalori":"318","yag":"17.3","protein":"12","karbonhidrat":"56.63"},{"ad":"Kekik","miktar":2,"birim":"gr","kalori":"288","yag":"7.3","protein":"8.8","karbonhidrat":"26.6"},{"ad":"Karabiber","miktar":2,"birim":"gr","kalori":"0","yag":"3.26","protein":"10.39","karbonhidrat":"63.95"},{"ad":"Domates Sal\u00e7as\u0131","miktar":20,"birim":"gr","kalori":"74","yag":"0.2","protein":"4.5","karbonhidrat":"12.9"},{"ad":"Sarm\u0131sak","miktar":15,"birim":"gr","kalori":"137","yag":"0.2","protein":"6.2","karbonhidrat":"30"},{"ad":"Patl\u0131can","miktar":125,"birim":"gr","kalori":"25","yag":"0.2","protein":"1.2","karbonhidrat":"5.6"},{"ad":"Ye\u015fil Biber","miktar":20,"birim":"gr","kalori":"22","yag":"0.2","protein":"1.2","karbonhidrat":"4.8"},{"ad":"Yo\u011furt S\u00fczme","miktar":100,"birim":"gr","kalori":"106","yag":"5.8","protein":"7.9","karbonhidrat":"3.4"},{"ad":"Kapya Biber","miktar":20,"birim":"gr","kalori":"31","yag":"0.3","protein":"1","karbonhidrat":"6"},{"ad":"Ay\u00e7i\u00e7ek ya\u011f\u0131","miktar":25,"birim":"ml","kalori":"884","yag":"100","protein":"0","karbonhidrat":"0"},{"ad":"Domates Sosu","miktar":30,"birim":"gr","kalori":"64","yag":"3.1","protein":"1.1","karbonhidrat":"6.1"}],"hazirlanis":"\u00d6ncelikle patl\u0131canlar\u0131 y\u0131kay\u0131p kurulayal\u0131m ve \u00fczerine b\u0131\u00e7ak ile delikler a\u00e7al\u0131m. Ard\u0131ndan tepsiye yerle\u015ftirelim. Bu a\u015famada servis i\u00e7in yan\u0131na tercihe ba\u011fl\u0131 k\u0131rm\u0131z\u0131 biber ve ye\u015fil biber koyabilirsiniz.<br \/>\r\nTepsimizi \u00f6nceden \u0131s\u0131t\u0131lm\u0131\u015f 220 \u00b0C f\u0131r\u0131na yerle\u015ftirelim ve 50 dakika k\u00f6zleyelim.<br \/>\r\nDi\u011fer taraftan etleri tencereye alal\u0131m. Etler suyunu sal\u0131p \u00e7ekene kadar orta ate\u015fte, ara ara kar\u0131\u015ft\u0131rarak pi\u015fmeye b\u0131rakal\u0131m.<br \/>\r\nDaha sonra tereya\u011f\u0131n\u0131 ilave edelim. Birka\u00e7 dakika kar\u0131\u015ft\u0131rarak etlerimizi kavural\u0131m.<br \/>\r\nTuzu, baharatlar\u0131, domates sosunu ve  s\u0131cak suyu ilave ederek kar\u0131\u015ft\u0131ral\u0131m. Mutlaka s\u0131cak su ekleyin. \u00c7ok sulu olmayacak, sadece koyu k\u0131vaml\u0131 bir sosumuz olacak. Dilerseniz domates sosu yerine 1 tatl\u0131 ka\u015f\u0131\u011f\u0131 domates sal\u00e7as\u0131 da kullanabilirsiniz.<br \/>\r\nTencerenin kapa\u011f\u0131n\u0131 kapatal\u0131m ve k\u0131s\u0131k ate\u015fte, etler yumu\u015fayana kadar yakla\u015f\u0131k 40 dakika pi\u015fmeye b\u0131rakal\u0131m.<br \/>\r\nEtlerin pi\u015fme s\u00fcresi uzarsa, s\u0131k s\u0131k kontrol edip gerekirse tencerenin dibi tutmamas\u0131 i\u00e7in az az s\u0131cak su ilave edebilirsiniz.<br \/>\r\nS\u00fcrenin sonunda pi\u015fen etlerimizi ocaktan alal\u0131m ve dinlenmeye b\u0131rakal\u0131m.<br \/>\r\nK\u00f6zlenen patl\u0131canlar\u0131n kabuklar\u0131n\u0131 temizleyelim ve ince ince do\u011frayal\u0131m.<br \/>\r\nSo\u011fuduktan sonra, ezilmi\u015f sar\u0131msak ve s\u00fczme yo\u011furtla beraber iyice kar\u0131\u015ft\u0131ral\u0131m. Tuzunu ayarlayal\u0131m.<br \/>\r\nServis taba\u011f\u0131na \u00f6nce patl\u0131canl\u0131 harc\u0131 yayal\u0131m, \u00fczerine ise etleri koyal\u0131m. \u0130ste\u011fe g\u00f6re s\u00fcsleyerek, servis edebilirsiniz."},"434":{"baslik":"Tas Kebab","tabanKisi":1,"gorsel":"https:\/\/www.bayatgelisimdernegi.com\/wp-content\/uploads\/2026\/08\/Ekran-Alintisi-1-300x300.jpg","malzemeler":[{"ad":"Dana eti","miktar":120,"birim":"gr","kalori":"156","yag":"8","protein":"19.7","karbonhidrat":"0"},{"ad":"So\u011fan (Kuru)","miktar":20,"birim":"gr","kalori":"38","yag":"0.1","protein":"1.5","karbonhidrat":"8.7"},{"ad":"Domates","miktar":20,"birim":"gr","kalori":"22","yag":"0.2","protein":"1.1","karbonhidrat":"4.8"},{"ad":"Ye\u015fil Biber","miktar":20,"birim":"gr","kalori":"22","yag":"0.2","protein":"1.2","karbonhidrat":"4.8"},{"ad":"Patates","miktar":40,"birim":"gr","kalori":"76","yag":"0.1","protein":"2.1","karbonhidrat":"17"},{"ad":"Domates Sal\u00e7as\u0131","miktar":20,"birim":"gr","kalori":"74","yag":"0.2","protein":"4.5","karbonhidrat":"12.9"},{"ad":"Sarm\u0131sak","miktar":10,"birim":"gr","kalori":"137","yag":"0.2","protein":"6.2","karbonhidrat":"30"},{"ad":"Ay\u00e7i\u00e7ek ya\u011f\u0131","miktar":20,"birim":"ml","kalori":"884","yag":"100","protein":"0","karbonhidrat":"0"},{"ad":"Tuz","miktar":2,"birim":"gr","kalori":"1","yag":"0","protein":"0","karbonhidrat":"0"}],"hazirlanis":"Tas Kebab\u0131 i\u00e7in ;<br \/>\r\n<br \/>\r\nKu\u015fba\u015f\u0131 etlerini b\u00fcy\u00fckse ku\u015fba\u015f\u0131 olarak do\u011fray\u0131n. 4 yemek ka\u015f\u0131\u011f\u0131 s\u0131v\u0131 ya\u011f ile birlikte d\u00fcd\u00fckl\u00fc tencerede su koymadan havas\u0131 \u00e7\u0131kt\u0131ktan sonra 15 dakika pi\u015firin.<br \/>\r\nEtler suyunu b\u0131rak\u0131p \u00e7ekene kadar pi\u015fmi\u015f olacak.<br \/>\r\nDi\u011fer tarafta so\u011fan\u0131 ve biberleri yemeklik do\u011fray\u0131p s\u0131v\u0131 ya\u011fda kavurun do\u011franm\u0131\u015f sar\u0131msak ve domatesleri de ekleyip iyice kavurun.<br \/>\r\nSal\u00e7as\u0131n\u0131 ekleyin k\u0131rm\u0131z\u0131 toz biber, karabiber ve tuzunu da ekleyip s\u0131cak su ilave edin.<br \/>\r\nKaynayan sal\u00e7al\u0131 suyun i\u00e7ine pi\u015fen etleri ekleyip 10 dakika daha bu \u015fekilde pi\u015firin.<br \/>\r\nE\u011fer suyu az olursa ilave edebilirsiniz.<br \/>\r\nPatatesleri k\u00fcp k\u00fcp do\u011fray\u0131p k\u0131zart\u0131n.<br \/>\r\nServis taba\u011f\u0131na pi\u015fmi\u015f sulu etten koyup \u00fczerine k\u0131zart\u0131lm\u0131\u015f patates koyup kar\u0131\u015ft\u0131rarak servis yap\u0131n.<br \/>\r\nAF\u0130YET OLSUN"},"424":{"baslik":"Pirin\u00e7 Pilav\u0131","tabanKisi":1,"gorsel":"https:\/\/www.bayatgelisimdernegi.com\/wp-content\/uploads\/2026\/08\/Ekran-Alintisi-300x241.jpg","malzemeler":[{"ad":"Pirin\u00e7","miktar":50,"birim":"gr","kalori":"363","yag":"0.4","protein":"6.7","karbonhidrat":"80.4"},{"ad":"So\u011fan (Kuru)","miktar":20,"birim":"gr","kalori":"38","yag":"0.1","protein":"1.5","karbonhidrat":"8.7"},{"ad":"Ay\u00e7i\u00e7ek ya\u011f\u0131","miktar":20,"birim":"ml","kalori":"884","yag":"100","protein":"0","karbonhidrat":"0"},{"ad":"Tuz","miktar":2,"birim":"gr","kalori":"1","yag":"0","protein":"0","karbonhidrat":"0"}],"hazirlanis":"Tane tane bir pilav\u0131 en kolay baldo pirin\u00e7le yapabilirsiniz. Kulland\u0131\u011f\u0131n\u0131z pirin\u00e7 t\u00fcr\u00fcne g\u00f6re ekleyece\u011finiz su miktar\u0131 de\u011fi\u015febiliyor.<br \/>\r\nBaldo pirinci pi\u015firme i\u015flemi \u00f6ncesinde \u0131l\u0131k suda bekletip, suyunu s\u00fczd\u00fckten sonra pilav\u0131 salma usul\u00fc de haz\u0131rlayabilirsiniz.<br \/>\r\nTavuk suyunu ekledikten sonra pirin\u00e7lerin tane tane olmas\u0131 ve \u015feffaf bir g\u00f6r\u00fcn\u00fcm kazanmas\u0131 i\u00e7in; pilava birka\u00e7 damla limon suyu ve bir adet kesme \u015feker ekleyebilirsiniz.<br \/>\r\nPilav\u0131, sebze ya da et suyuyla da haz\u0131rlayabilirsiniz."},"422":{"baslik":"Mercimek \u00c7orbas\u0131","tabanKisi":1,"gorsel":"https:\/\/www.bayatgelisimdernegi.com\/wp-content\/uploads\/2026\/08\/poster-300x169.jpg","malzemeler":[{"ad":"Mercimek","miktar":50,"birim":"gr","kalori":"340","yag":"1.1","protein":"24.7","karbonhidrat":"60.1"},{"ad":"Ay\u00e7i\u00e7ek ya\u011f\u0131","miktar":20,"birim":"ml","kalori":"884","yag":"100","protein":"0","karbonhidrat":"0"},{"ad":"Domates Sal\u00e7as\u0131","miktar":20,"birim":"gr","kalori":"74","yag":"0.2","protein":"4.5","karbonhidrat":"12.9"},{"ad":"Tuz","miktar":2,"birim":"gr","kalori":"1","yag":"0","protein":"0","karbonhidrat":"0"},{"ad":"So\u011fan (Kuru)","miktar":20,"birim":"gr","kalori":"38","yag":"0.1","protein":"1.5","karbonhidrat":"8.7"}],"hazirlanis":"Zeytinya\u011f\u0131n\u0131 tencerede \u0131s\u0131t\u0131n, so\u011fan\u0131 ve havucu ekleyip birka\u00e7 dakika kavurun.<br \/>\r\n<br \/>\r\nMercime\u011fi ekleyip 1\u20132 dakika kavurduktan sonra sal\u00e7ay\u0131 ve suyu ilave edin.<br \/>\r\n<br \/>\r\nTuz ve baharatlar\u0131 ekleyip mercimekler iyice yumu\u015fayana kadar k\u0131s\u0131k ate\u015fte pi\u015firin (yakla\u015f\u0131k 15\u201320 dakika).<br \/>\r\n<br \/>\r\nBlender ile p\u00fcr\u00fczs\u00fcz hale getirin veya dilerseniz par\u00e7al\u0131 b\u0131rak\u0131n.<br \/>\r\n<br \/>\r\nS\u0131cak servis edin, limonla tatland\u0131rabilirsiniz."}};
    </script>

    <style>
        .ygh-public-wrapper {
            background: #fff;
            border: 1px solid #e1e1e1;
            padding: 30px;
            border-radius: 10px;
            max-width: 750px;
            font-family: Arial, sans-serif;
            box-shadow: 0 4px 15px rgba(0,0,0,0.05);
            margin: 20px auto;
        }
        .ygh-public-wrapper select#ygh-yemek-sec {
            width: 100%;
            height: 38px;
            padding: 6px 10px;
            font-size: 15px;
            border-radius: 6px;
            border: 1px solid #ccc;
            background: #fff;
            box-sizing: border-box;
        }
        
        /* Tek Kutu İçinde Birleşmiş Besin Değerleri ve Kalori/Makro Widget */
        .ygh-besin-kapsayici {
            background: #fff;
            border: 1px solid #e2e8f0;
            border-radius: 12px;
            padding: 20px;
            margin-bottom: 25px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.02);
        }
        .ygh-besin-baslik-kutu {
            text-align: center;
            font-size: 16px;
            font-weight: bold;
            color: #1e293b;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 1px solid #f1f5f9;
        }
        .ygh-macro-widget {
            display: flex;
            align-items: center;
            justify-content: space-around;
            flex-wrap: wrap;
            gap: 20px;
        }
        .ygh-donut-container {
            position: relative;
            width: 110px;
            height: 110px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .ygh-donut-container svg {
            width: 110px;
            height: 110px;
            transform: rotate(-90deg);
        }
        .ygh-donut-container circle {
            fill: none;
            stroke-width: 12;
            stroke-linecap: round;
            transform-origin: center;
        }
        .ygh-donut-center {
            position: absolute;
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        .ygh-donut-kcal-val {
            font-size: 20px;
            font-weight: 800;
            color: #1e293b;
            line-height: 1.1;
        }
        .ygh-donut-kcal-lbl {
            font-size: 11px;
            color: #64748b;
            text-transform: uppercase;
            font-weight: 600;
        }
        .ygh-macro-stats {
            display: flex;
            gap: 25px;
            flex-wrap: wrap;
            justify-content: center;
        }
        .ygh-macro-item {
            text-align: center;
            min-width: 85px;
        }
        .ygh-macro-title {
            font-size: 14px;
            font-weight: 600;
            margin-bottom: 4px;
        }
        .ygh-macro-title.carb { color: #38bdf8; }
        .ygh-macro-title.protein { color: #fb7185; }
        .ygh-macro-title.fat { color: #fbbf24; }
        .ygh-macro-val {
            font-size: 16px;
            font-weight: 700;
            color: #1e293b;
        }
        .ygh-macro-pct {
            font-size: 12px;
            color: #64748b;
            margin-top: 2px;
        }

        /* Fotoğraf ve 2 Sütunlu Malzeme Listesi Yerleşimi */
        .ygh-malzeme-icerik-alani {
            display: flex;
            flex-direction: column;
            gap: 20px;
            align-items: center;
            margin-bottom: 25px;
        }
        .ygh-sol-yemek-gorsel {
            width: 100%;
            max-width: 350px;
            height: 220px;
            object-fit: cover;
            border-radius: 14px;
            border: 2px solid #e0e0e0;
            box-shadow: 0 4px 10px rgba(0,0,0,0.08);
        }
        .ygh-sag-malzeme-listesi {
            width: 100%;
        }
        .ygh-sag-malzeme-listesi h5 {
            margin-top: 0;
            margin-bottom: 10px;
            font-size: 16px;
            color: #111;
            font-weight: bold;
        }
        .ygh-sag-malzeme-listesi ul {
            margin: 0;
            padding-left: 0;
            list-style: none;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 8px 20px;
        }
        .ygh-sag-malzeme-listesi li {
            position: relative;
            padding-left: 14px;
            font-size: 14px;
            color: #333;
            line-height: 1.4;
        }
        .ygh-sag-malzeme-listesi li::before {
            content: "•";
            color: #d9534f;
            font-weight: bold;
            position: absolute;
            left: 0;
            top: 0;
        }
        .ygh-malzeme-satir-flex {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .ygh-malzeme-ad-kisim {
            flex-grow: 1;
            padding-right: 5px;
        }
        .ygh-malzeme-miktar-kisim {
            text-align: right;
            flex-shrink: 0;
            color: #d9534f;
            font-weight: bold;
        }
        
        .ygh-hazirlanis-baslik {
            font-size: 16px;
            font-weight: bold;
            color: #111;
            margin-bottom: 8px;
        }
        .ygh-hazirlanis-kutu {
            background: #fff;
            padding: 18px;
            border-radius: 8px;
            border: 1px solid #dcdcdc;
            line-height: 1.6;
            color: #444;
            font-size: 14px;
        }
        .ygh-gelistirici-imza {
            text-align: center;
            font-style: italic;
            font-size: 13px;
            color: #666;
            margin-top: 30px;
            border-top: 1px solid #eee;
            padding-top: 15px;
        }
    </style>

    <div class="ygh-public-wrapper">
        <div style="margin-bottom:20px;">
            <label for="ygh-yemek-sec" style="display:block; margin-bottom:5px;"><strong>Yemek Seçin:</strong></label>
            <select id="ygh-yemek-sec">
                <option value="">-- Lütfen Yemek Seçiniz --</option>
                                    <option value="446">Ali Nazik</option>
                                    <option value="434">Tas Kebab</option>
                                    <option value="424">Pirinç Pilavı</option>
                                    <option value="422">Mercimek Çorbası</option>
                            </select>
        </div>

        <div id="ygh-detay-panel" style="display:none;">
            <div class="ygh-controls" style="margin-bottom:20px;">
                <label for="ygh-kisi-input"><strong>İstediğiniz Porsiyon / Kişi Adedi:</strong></label>
                <input type="number" id="ygh-kisi-input" value="1" min="1" max="500" style="width:80px; padding:5px; text-align:center; font-weight:bold;">
            </div>

            <div style="text-align:center; margin-bottom:20px;">
                <h3 id="ygh-tarif-baslik-ana" style="font-size:22px; color:#111; margin:0 0 5px 0; font-weight:bold;"></h3>
                <h4 id="ygh-tarif-kisi-alt" style="font-size:16px; color:#333; margin:0; font-weight:bold;"></h4>
            </div>
            
            <!-- Tek Kutu İçinde "1 Porsiyon için Besin Değerleri" ve Orantılı Renkli Dilimli Halka -->
            <div class="ygh-besin-kapsayici">
                <div class="ygh-besin-baslik-kutu">1 Porsiyon için Besin Değerleri</div>
                <div class="ygh-macro-widget">
                    <div class="ygh-donut-container">
                        <svg viewBox="0 0 100 100">
                            <!-- Arka plan gri tam çember -->
                            <circle cx="50" cy="50" r="40" stroke="#f1f5f9" />
                            <!-- Karbonhidrat Çemberi (Mavi - #38bdf8) -->
                            <circle id="svg-ring-carb" cx="50" cy="50" r="40" stroke="#38bdf8" stroke-dasharray="251.2" stroke-dashoffset="251.2" />
                            <!-- Protein Çemberi (Pembe - #fb7185) -->
                            <circle id="svg-ring-protein" cx="50" cy="50" r="40" stroke="#fb7185" stroke-dasharray="251.2" stroke-dashoffset="251.2" />
                            <!-- Yağ Çemberi (Sarı - #fbbf24) -->
                            <circle id="svg-ring-fat" cx="50" cy="50" r="40" stroke="#fbbf24" stroke-dasharray="251.2" stroke-dashoffset="251.2" />
                        </svg>
                        <div class="ygh-donut-center">
                            <span id="p-kalori" class="ygh-donut-kcal-val">0</span>
                            <span class="ygh-donut-kcal-lbl">kcal</span>
                        </div>
                    </div>
                    <div class="ygh-macro-stats">
                        <div class="ygh-macro-item">
                            <div class="ygh-macro-title carb">Karbonhidrat</div>
                            <div id="p-karbonhidrat" class="ygh-macro-val">0 g</div>
                            <div id="pct-carb" class="ygh-macro-pct">%0</div>
                        </div>
                        <div class="ygh-macro-item">
                            <div class="ygh-macro-title protein">Protein</div>
                            <div id="p-protein" class="ygh-macro-val">0 g</div>
                            <div id="pct-protein" class="ygh-macro-pct">%0</div>
                        </div>
                        <div class="ygh-macro-item">
                            <div class="ygh-macro-title fat">Yağ</div>
                            <div id="p-yag" class="ygh-macro-val">0 g</div>
                            <div id="pct-fat" class="ygh-macro-pct">%0</div>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- Fotoğraf ve Altındaki 2 Sütunlu Malzeme Listesi Alanı -->
            <div class="ygh-malzeme-icerik-alani">
                <img id="ygh-yemek-gorsel-sol" src="" alt="Yemek Resmi" class="ygh-sol-yemek-gorsel">
                <div class="ygh-sag-malzeme-listesi">
                    <h5>Güncel Malzeme Listesi ve Gramajlar:</h5>
                    <ul id="ygh-dinamik-malzemeler"></ul>
                </div>
            </div>

            <div class="ygh-hazirlanis-baslik">Hazırlanışı:</div>
            <div id="ygh-tarif-hazirlanis" class="ygh-hazirlanis-kutu"></div>

            <div class="ygh-gelistirici-imza">
                Bu eklenti Hasan Güçlü tarafından geliştirilmiştir. hasanguclu19@gmail.com
            </div>

            <div style="text-align:center; margin-top:20px;">
                <button type="button" id="ygh-pdf-indir" class="button-primary" style="background:#0073aa; color:#fff; padding:12px 25px; border:none; border-radius:6px; cursor:pointer; font-size:15px; font-weight:bold;">📄 PDF Çıktısı Al (Yeni Pencere Baskısı)</button>
            </div>
        </div>
    </div>

    <script>
    document.addEventListener("DOMContentLoaded", function () {
        const selectYemek = document.getElementById("ygh-yemek-sec");
        const detayPanel = document.getElementById("ygh-detay-panel");
        const inputKisi = document.getElementById("ygh-kisi-input");
        
        let seciliTarifVerisi = null;

        if (!selectYemek || typeof yghTariflerVeri === "undefined") return;

        selectYemek.addEventListener("change", function () {
            let yemekID = this.value;
            if (!yemekID || !yghTariflerVeri[yemekID]) {
                detayPanel.style.display = "none";
                seciliTarifVerisi = null;
                return;
            }

            seciliTarifVerisi = yghTariflerVeri[yemekID];
            inputKisi.value = seciliTarifVerisi.tabanKisi;
            
            let gorselElement = document.getElementById("ygh-yemek-gorsel-sol");
            if (gorselElement) {
                gorselElement.src = seciliTarifVerisi.gorsel;
            }

            detayPanel.style.display = "block";
            hesaplaVeGoster();
        });

        inputKisi.addEventListener("input", hesaplaVeGoster);

        function hesaplaVeGoster() {
            if (!seciliTarifVerisi) return;

            let yeniKisi = parseInt(inputKisi.value) || 1;
            if (yeniKisi < 1) yeniKisi = 1;

            let oran = yeniKisi / seciliTarifVerisi.tabanKisi;

            let baslikAna = document.getElementById("ygh-tarif-baslik-ana");
            if (baslikAna) {
                baslikAna.textContent = seciliTarifVerisi.baslik + " Tarifi";
            }
            let kisiAlt = document.getElementById("ygh-tarif-kisi-alt");
            if (kisiAlt) {
                kisiAlt.textContent = "( " + yeniKisi + " Kişilik )";
            }

            let toplamKaloriTaban = 0, toplamYagTaban = 0, toplamProteinTaban = 0, toplamKarbTaban = 0;

            seciliTarifVerisi.malzemeler.forEach(m => {
                let malzemeOranTaban = m.miktar / 100.0;
                toplamKaloriTaban += (parseFloat(m.kalori) || 0) * malzemeOranTaban;
                toplamYagTaban += (parseFloat(m.yag) || 0) * malzemeOranTaban;
                toplamProteinTaban += (parseFloat(m.protein) || 0) * malzemeOranTaban;
                toplamKarbTaban += (parseFloat(m.karbonhidrat) || 0) * malzemeOranTaban;
            });

            let birPorsiyonKalori = toplamKaloriTaban / seciliTarifVerisi.tabanKisi;
            let birPorsiyonYag = toplamYagTaban / seciliTarifVerisi.tabanKisi;
            let birPorsiyonProtein = toplamProteinTaban / seciliTarifVerisi.tabanKisi;
            let birPorsiyonKarb = toplamKarbTaban / seciliTarifVerisi.tabanKisi;

            let valKalori = birPorsiyonKalori.toFixed(1);
            let valYag = birPorsiyonYag.toFixed(1);
            let valProtein = birPorsiyonProtein.toFixed(1);
            let valKarb = birPorsiyonKarb.toFixed(1);

            document.getElementById("p-kalori").textContent = valKalori;
            document.getElementById("p-yag").textContent = valYag + " g";
            document.getElementById("p-protein").textContent = valProtein + " g";
            document.getElementById("p-karbonhidrat").textContent = valKarb + " g";

            let gramYag = parseFloat(valYag) || 0;
            let gramProt = parseFloat(valProtein) || 0;
            let gramKarb = parseFloat(valKarb) || 0;
            let totalGrams = gramYag + gramProt + gramKarb;

            let pctFat = totalGrams > 0 ? Math.round((gramYag / totalGrams) * 100) : 0;
            let pctProt = totalGrams > 0 ? Math.round((gramProt / totalGrams) * 100) : 0;
            let pctCarb = totalGrams > 0 ? (100 - pctFat - pctProt) : 0; // Kalan yuvarlama farkını karb'a vererek %100 tamamlama

            document.getElementById("pct-fat").textContent = "%" + pctFat;
            document.getElementById("pct-protein").textContent = "%" + pctProt;
            document.getElementById("pct-carb").textContent = "%" + pctCarb;

            // SVG Donut Çember Orantılı Dilim Hesaplamaları (Stoke-dasharray / dashoffset mantığı)
            let circumference = 251.2; // 2 * pi * 40
            let ringCarb = document.getElementById("svg-ring-carb");
            let ringProt = document.getElementById("svg-ring-protein");
            let ringFat = document.getElementById("svg-ring-fat");

            let lenCarb = (circumference * pctCarb) / 100;
            let lenProt = (circumference * pctProt) / 100;
            let lenFat = (circumference * pctFat) / 100;

            if (ringCarb) {
                ringCarb.style.strokeDasharray = `${lenCarb} ${circumference - lenCarb}`;
                ringCarb.style.strokeDashoffset = "0";
            }
            if (ringProt) {
                ringProt.style.strokeDasharray = `${lenProt} ${circumference - lenProt}`;
                ringProt.style.strokeDashoffset = `-${lenCarb}`;
            }
            if (ringFat) {
                ringFat.style.strokeDasharray = `${lenFat} ${circumference - lenFat}`;
                ringFat.style.strokeDashoffset = `-${lenCarb + lenProt}`;
            }

            let ul = document.getElementById("ygh-dinamik-malzemeler");
            if (ul) {
                ul.innerHTML = "";
                seciliTarifVerisi.malzemeler.forEach(m => {
                    let hesapMiktar = m.miktar * oran;
                    if (hesapMiktar % 1 !== 0) hesapMiktar = hesapMiktar.toFixed(1);

                    let li = document.createElement("li");
                    li.innerHTML = `
                        <div class="ygh-malzeme-satir-flex">
                            <span class="ygh-malzeme-ad-kisim"><strong>${m.ad}:</strong></span>
                            <span class="ygh-malzeme-miktar-kisim">${hesapMiktar} ${m.birim}</span>
                        </div>
                    `;
                    ul.appendChild(li);
                });
            }

            let hazirlanisEl = document.getElementById("ygh-tarif-hazirlanis");
            if (hazirlanisEl) {
                hazirlanisEl.innerHTML = seciliTarifVerisi.hazirlanis;
            }
        }

        let pdfBtn = document.getElementById("ygh-pdf-indir");
        if (pdfBtn) {
            pdfBtn.addEventListener("click", function () {
                if (!seciliTarifVerisi) return;

                let printWindow = window.open('', '_blank', 'height=700,width=800');
                let panelHTML = document.getElementById("ygh-detay-panel").innerHTML;

                printWindow.document.write('<html><head><title>' + seciliTarifVerisi.baslik + ' Tarifi</title>');
                printWindow.document.write('<style>');
                printWindow.document.write('body { font-family: Arial, sans-serif; padding: 20px; color: #333; }');
                printWindow.document.write('.ygh-besin-kapsayici { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 15px; margin-bottom: 20px; }');
                printWindow.document.write('.ygh-besin-baslik-kutu { text-align: center; font-size: 15px; font-weight: bold; color: #1e293b; margin-bottom: 15px; padding-bottom: 8px; border-bottom: 1px solid #f1f5f9; }');
                printWindow.document.write('.ygh-macro-widget { display: flex; align-items: center; justify-content: space-around; gap: 15px; }');
                printWindow.document.write('.ygh-donut-container { position: relative; width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; }');
                printWindow.document.write('.ygh-donut-container svg { width: 100px; height: 100px; transform: rotate(-90deg); }');
                printWindow.document.write('.ygh-donut-container circle { fill: none; stroke-width: 12; stroke-linecap: round; transform-origin: center; }');
                printWindow.document.write('.ygh-donut-center { position: absolute; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; }');
                printWindow.document.write('.ygh-donut-kcal-val { font-size: 18px; font-weight: 800; color: #1e293b; }');
                printWindow.document.write('.ygh-donut-kcal-lbl { font-size: 10px; color: #64748b; text-transform: uppercase; font-weight: 600; }');
                printWindow.document.write('.ygh-macro-stats { display: flex; gap: 20px; justify-content: center; }');
                printWindow.document.write('.ygh-macro-item { text-align: center; min-width: 75px; }');
                printWindow.document.write('.ygh-macro-title { font-size: 13px; font-weight: 600; margin-bottom: 4px; }');
                printWindow.document.write('.ygh-macro-title.carb { color: #38bdf8; }');
                printWindow.document.write('.ygh-macro-title.protein { color: #fb7185; }');
                printWindow.document.write('.ygh-macro-title.fat { color: #fbbf24; }');
                printWindow.document.write('.ygh-macro-val { font-size: 15px; font-weight: 700; color: #1e293b; }');
                printWindow.document.write('.ygh-macro-pct { font-size: 11px; color: #64748b; }');
                printWindow.document.write('.ygh-malzeme-icerik-alani { display: flex; flex-direction: column; align-items: center; gap: 15px; margin-bottom: 20px; }');
                printWindow.document.write('.ygh-sol-yemek-gorsel { width: 300px; height: 190px; object-fit: cover; border-radius: 12px; border: 2px solid #e0e0e0; }');
                printWindow.document.write('.ygh-sag-malzeme-listesi { width: 100%; }');
                printWindow.document.write('.ygh-sag-malzeme-listesi h5 { font-size: 15px; font-weight: bold; margin-bottom: 8px; }');
                printWindow.document.write('.ygh-sag-malzeme-listesi ul { padding-left: 0; list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 6px 15px; margin: 0; }');
                printWindow.document.write('.ygh-sag-malzeme-listesi li { position: relative; padding-left: 12px; font-size: 13px; color: #333; line-height: 1.4; }');
                printWindow.document.write('.ygh-sag-malzeme-listesi li::before { content: "•"; color: #d9534f; font-weight: bold; position: absolute; left: 0; top: 0; }');
                printWindow.document.write('.ygh-malzeme-satir-flex { display: flex; justify-content: space-between; align-items: center; }');
                printWindow.document.write('.ygh-malzeme-ad-kisim { flex-grow: 1; padding-right: 5px; }');
                printWindow.document.write('.ygh-malzeme-miktar-kisim { text-align: right; flex-shrink: 0; color: #d9534f; font-weight: bold; }');
                printWindow.document.write('.ygh-hazirlanis-baslik { font-size: 15px; font-weight: bold; margin-bottom: 6px; }');
                printWindow.document.write('.ygh-hazirlanis-kutu { background: #fff; padding: 15px; border-radius: 8px; border: 1px solid #dcdcdc; font-size: 13px; line-height: 1.5; color: #444; }');
                printWindow.document.write('.ygh-gelistirici-imza { text-align: center; font-style: italic; font-size: 12px; color: #666; margin-top: 25px; border-top: 1px solid #eee; padding-top: 10px; }');
                printWindow.document.write('.ygh-controls, #ygh-pdf-indir { display: none !important; }');
                printWindow.document.write('</style></head><body>');
                printWindow.document.write(panelHTML);
                printWindow.document.write('</body></html>');

                printWindow.document.close();
                printWindow.focus();
                setTimeout(function () {
                    printWindow.print();
                    printWindow.close();
                }, 500);
            });
        }
    });
    </script>
    {"id":405,"date":"2026-08-26T09:00:30","date_gmt":"2026-08-26T09:00:30","guid":{"rendered":"http:\/\/www.bayatgelisimdernegi.com\/?page_id=405"},"modified":"2026-08-26T13:00:17","modified_gmt":"2026-08-26T13:00:17","slug":"yemek-hazirlama","status":"publish","type":"page","link":"https:\/\/www.bayatgelisimdernegi.com\/?page_id=405","title":{"rendered":"Yemekler"},"content":{"rendered":"\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-405","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.bayatgelisimdernegi.com\/index.php?rest_route=\/wp\/v2\/pages\/405","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bayatgelisimdernegi.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bayatgelisimdernegi.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bayatgelisimdernegi.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bayatgelisimdernegi.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=405"}],"version-history":[{"count":3,"href":"https:\/\/www.bayatgelisimdernegi.com\/index.php?rest_route=\/wp\/v2\/pages\/405\/revisions"}],"predecessor-version":[{"id":429,"href":"https:\/\/www.bayatgelisimdernegi.com\/index.php?rest_route=\/wp\/v2\/pages\/405\/revisions\/429"}],"wp:attachment":[{"href":"https:\/\/www.bayatgelisimdernegi.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}