{"title":"Gıda Takviyeleri","description":"","products":[{"product_id":"ki̇nsu-creamag","title":"KİN•SU CreaMAG","description":"\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600\u0026amp;family=Asap:ital,wght@0,400;0,500;1,400\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n  :root {\n    --lacivert: #191970;\n    --acik-altin: rgba(184, 134, 11, 0.5);\n    --altin: #B8860B;\n    --altin-acik: #f6c832;\n    --beyaz: #FBFBFB;\n    --gri: #DCDCDC;\n  }\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  \/* ── TETİKLEYİCİ ALAN ── *\/\n  .pd-triggers {\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n    max-width: 50%;\n    margin: 0;\n  }\n\n  @media (max-width: 768px) {\n    .pd-triggers { max-width: 100%; }\n  }\n\n  .pd-trigger-btn {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    background: none;\n    border: none;\n    border-top: 1px solid rgba(25,25,112,0.1);\n    padding: 14px 0;\n    width: 100%;\n    cursor: pointer;\n    font-family: 'Inter', sans-serif;\n    font-size: 0.88rem;\n    font-weight: 500;\n    color: var(--lacivert);\n    text-align: left;\n    transition: all 0.25s ease;\n    -webkit-tap-highlight-color: transparent;\n  }\n  .pd-trigger-btn:last-child { border-bottom: 1px solid rgba(25,25,112,0.1); }\n\n  .pd-trigger-toggle {\n    width: 44px; height: 44px;\n    border-radius: 50%;\n    border: none;\n    display: flex; align-items: center; justify-content: center;\n    flex-shrink: 0;\n    pointer-events: none;\n    position: relative;\n    background: transparent;\n    margin-left: auto;\n    transition: background 0.25s ease, transform 0.25s ease;\n  }\n  .pd-trigger-toggle::before,\n  .pd-trigger-toggle::after {\n    content: '';\n    position: absolute;\n    background: var(--altin);\n    border-radius: 1px;\n    pointer-events: none;\n    transition: transform 0.25s ease, background 0.25s ease;\n  }\n  .pd-trigger-toggle::before { width: 18px; height: 1.5px; }\n  .pd-trigger-toggle::after  { width: 1.5px; height: 18px; }\n\n  .pd-trigger-btn:hover .pd-trigger-toggle { background: var(--acik-altin); transform: scale(1); }\n  .pd-trigger-btn:hover .pd-trigger-toggle::before,\n  .pd-trigger-btn:hover .pd-trigger-toggle::after { background: var(--lacivert); }\n\n  .pd-trigger-btn.active .pd-trigger-toggle { background: var(--altin); }\n  .pd-trigger-btn.active .pd-trigger-toggle::before { background: var(--lacivert); }\n  .pd-trigger-btn.active .pd-trigger-toggle::after { transform: scaleY(0); background: var(--lacivert); }\n\n  .pd-trigger-label { flex: 1; pointer-events: none; transition: color 0.2s; }\n  .pd-trigger-btn:hover .pd-trigger-label,\n  .pd-trigger-btn.active .pd-trigger-label { color: var(--altin); }\n\n  \/* ── OVERLAY ── *\/\n  .pd-overlay {\n    display: none;\n    position: fixed;\n    inset: 0;\n    background: rgba(10,10,40,0.4);\n    z-index: 99997;\n    opacity: 0;\n    transition: opacity 0.35s ease;\n  }\n  .pd-overlay.active { display: block; }\n  .pd-overlay.visible { opacity: 1; }\n\n  \/* ── PANEL ── *\/\n  .pd-panel {\n    position: fixed;\n    top: 0; right: 0; bottom: 0;\n    width: min(480px, 100vw);\n    background: var(--beyaz);\n    z-index: 99999;\n    transform: translateX(100%);\n    transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    box-shadow: -4px 0 32px rgba(0,0,0,0.12);\n  }\n  .pd-panel.visible { transform: translateX(0); }\n\n  .pd-panel-head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 20px 28px;\n    border-bottom: none;\n    flex-shrink: 0;\n  }\n  .pd-panel-head-left { display: flex; flex-direction: column; gap: 4px; }\n  .pd-panel-eyebrow { font-size: 0.6rem; letter-spacing: 4px; text-transform: uppercase; color: var(--altin); font-weight: 600; font-family: 'Inter', sans-serif; }\n  .pd-panel-title { font-family: 'Asap', serif; font-size: 1.25rem; font-weight: 400; color: var(--lacivert); line-height: 1.2; }\n  .pd-panel-close {\n    width: 36px; height: 36px;\n    border: 1.5px solid rgba(25,25,112,0.15);\n    border-radius: 50%;\n    background: none;\n    cursor: pointer;\n    display: flex; align-items: center; justify-content: center;\n    transition: all 0.2s ease;\n    flex-shrink: 0;\n    -webkit-tap-highlight-color: transparent;\n  }\n  .pd-panel-close:hover { border-color: var(--lacivert); }\n  .pd-panel-close svg { width: 14px; height: 14px; stroke: var(--lacivert); stroke-width: 2; fill: none; stroke-linecap: round; }\n\n  .pd-panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 4px 28px 40px;\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: thin;\n    scrollbar-color: rgba(184,134,11,0.2) transparent;\n  }\n  .pd-panel-body::-webkit-scrollbar { width: 3px; }\n  .pd-panel-body::-webkit-scrollbar-track { background: transparent; }\n  .pd-panel-body::-webkit-scrollbar-thumb { background: rgba(184,134,11,0.3); border-radius: 2px; }\n\n  \/* Panel altındaki sabit dipnot — sadece ürün açıklamasında aktif *\/\n  .pd-panel-footer {\n    flex-shrink: 0;\n    padding: 14px 28px 18px;\n    border-top: 1px solid rgba(184,134,11,0.15);\n    background: var(--beyaz);\n    display: none;\n  }\n  .pd-panel-footer.active {\n    display: block;\n  }\n  .pd-panel-footer .pd-footnote {\n    font-size: 0.66rem;\n    font-weight: 300;\n    line-height: 1.5;\n    color: var(--lacivert);\n    opacity: 0.55;\n    font-style: italic;\n    font-family: 'Inter', sans-serif;\n    margin: 0;\n  }\n  .pd-panel-footer .pd-footnote-mark {\n    color: var(--altin);\n    font-weight: 500;\n    opacity: 1;\n    margin-right: 2px;\n    font-style: normal;\n  }\n\n  \/* İçerik bölümleri *\/\n  .pd-section { padding: 18px 0; border-bottom: none; }\n\n  .pd-label { font-size: 0.6rem; letter-spacing: 4px; text-transform: uppercase; color: var(--altin); font-weight: 600; display: flex; align-items: center; gap: 8px; margin-bottom: 14px; font-family: 'Inter', sans-serif; }\n  .pd-label::before { content: '—'; display: inline-block; color: var(--altin); opacity: 0.6; font-size: 0.7rem; flex-shrink: 0; }\n\n  .pd-badges { display: flex; align-items: center; justify-content: center; gap: 20px; flex-wrap: nowrap; }\n  .pd-badge { display: flex; align-items: center; }\n  .pd-badge img { width: auto; height: 64px; object-fit: contain; display: block; }\n  .pd-badge-text { font-size: 0.65rem; font-weight: 500; color: var(--lacivert); opacity: 0.55; letter-spacing: 0.3px; line-height: 1.4; font-family: 'Inter', sans-serif; }\n  .pd-badge-sep { width: 1px; height: 28px; background: rgba(25,25,112,0.1); flex-shrink: 0; }\n\n  .pd-lead-text { font-size: 0.9rem; font-weight: 300; line-height: 1.85; opacity: 0.68; font-family: 'Inter', sans-serif; color: var(--lacivert); }\n  .pd-lead-text strong { font-weight: 600; opacity: 1; }\n\n  .pd-benefit { padding: 10px 0; border-bottom: none; }\n  .pd-benefit-title { font-size: 0.72rem; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; color: var(--altin); margin-bottom: 5px; display: block; font-family: 'Inter', sans-serif; }\n  .pd-benefit-desc { font-size: 0.84rem; font-weight: 300; line-height: 1.65; opacity: 0.62; font-family: 'Inter', sans-serif; color: var(--lacivert); }\n\n  .pd-usage-steps { display: table; width: 100%; border-collapse: collapse; }\n  .pd-usage-step { display: table-cell; text-align: center; vertical-align: top; padding: 4px; }\n  .pd-usage-step-icon { width: 36px; height: 36px; border: 1.5px solid rgba(184,134,11,0.3); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 8px; }\n  .pd-usage-step-icon svg { width: 16px; height: 16px; stroke: var(--altin); stroke-width: 1.5; fill: none; stroke-linecap: round; stroke-linejoin: round; }\n  .pd-usage-step-num { font-size: 0.52rem; letter-spacing: 2px; color: var(--altin); font-weight: 600; opacity: 0.7; display: block; margin-bottom: 4px; font-family: 'Inter', sans-serif; }\n  .pd-usage-step-text { font-size: 0.76rem; font-weight: 400; line-height: 1.5; color: var(--lacivert); opacity: 0.7; font-family: 'Inter', sans-serif; }\n  .pd-usage-step-text strong { font-weight: 600; opacity: 1; }\n  .pd-usage-arrow-cell { display: table-cell; vertical-align: middle; width: 18px; text-align: center; color: var(--altin); opacity: 0.3; font-size: 0.75rem; padding-bottom: 20px; }\n\n  .pd-clean-list { display: flex; flex-direction: column; gap: 8px; }\n  .pd-clean-item { display: flex; align-items: center; gap: 10px; font-size: 0.82rem; font-weight: 400; color: var(--lacivert); opacity: 0.68; font-family: 'Inter', sans-serif; }\n  .pd-clean-item::before { content: ''; display: inline-block; width: 14px; height: 1px; background: var(--altin); flex-shrink: 0; }\n\n  .pd-warning-badge { font-size: 0.72rem; font-weight: 600; letter-spacing: 1px; color: var(--beyaz); background: var(--lacivert); padding: 4px 10px; display: inline-block; margin-bottom: 14px; font-family: 'Inter', sans-serif; }\n  .pd-warning-list { display: flex; flex-direction: column; gap: 9px; }\n  .pd-warning-item { display: flex; align-items: flex-start; gap: 10px; font-size: 0.82rem; font-weight: 300; line-height: 1.65; color: var(--lacivert); opacity: 0.65; font-family: 'Inter', sans-serif; }\n  .pd-warning-item::before { content: ''; display: inline-block; width: 14px; height: 1px; background: var(--altin); flex-shrink: 0; margin-top: 11px; }\n\n  .pd-table { width: 100%; border-collapse: collapse; }\n  .pd-table th { text-align: left; font-size: 0.6rem; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; color: var(--altin); padding: 8px 10px; border-bottom: 1.5px solid var(--altin); background: rgba(184,134,11,0.04); font-family: 'Inter', sans-serif; }\n  .pd-table th:not(:first-child) { text-align: center; }\n  .pd-row-main td { padding: 10px 10px; border-bottom: 1px solid rgba(25,25,112,0.06); font-size: 0.84rem; font-weight: 500; color: var(--lacivert); font-family: 'Inter', sans-serif; }\n  .pd-row-main td:not(:first-child) { text-align: center; }\n  .pd-row-sub td { padding: 7px 10px; border-bottom: 1px solid rgba(25,25,112,0.04); font-size: 0.77rem; font-weight: 300; color: var(--lacivert); opacity: 0.58; font-style: italic; font-family: 'Inter', sans-serif; }\n  .pd-row-sub td:first-child { padding-left: 22px; }\n  .pd-row-sub td:not(:first-child) { text-align: center; }\n  .pd-row-divider td { padding: 0; border-bottom: 1.5px solid rgba(25,25,112,0.06); }\n  .pd-nutrition-note { font-size: 0.68rem; font-weight: 300; opacity: 0.38; font-style: italic; margin-top: 10px; font-family: 'Inter', sans-serif; color: var(--lacivert); }\n\u003c\/style\u003e\n\n\u003c!-- TETİKLEYİCİ BUTONLAR --\u003e\n\u003cdiv style=\"font-family:'Inter',sans-serif;\"\u003e\n\u003cdiv class=\"pd-triggers\"\u003e\n\n  \u003cbutton class=\"pd-trigger-btn\" data-panel=\"aciklama\"\u003e\n    \u003cspan class=\"pd-trigger-label\"\u003eÜrün Açıklaması\u003c\/span\u003e\n    \u003cspan class=\"pd-trigger-toggle\"\u003e\u003c\/span\u003e\n  \u003c\/button\u003e\n\n  \u003cbutton class=\"pd-trigger-btn\" data-panel=\"besin\"\u003e\n    \u003cspan class=\"pd-trigger-label\"\u003eBesin Değerleri\u003c\/span\u003e\n    \u003cspan class=\"pd-trigger-toggle\"\u003e\u003c\/span\u003e\n  \u003c\/button\u003e\n\n  \u003cbutton class=\"pd-trigger-btn\" data-panel=\"kullanim\"\u003e\n    \u003cspan class=\"pd-trigger-label\"\u003eKullanım Talimatı\u003c\/span\u003e\n    \u003cspan class=\"pd-trigger-toggle\"\u003e\u003c\/span\u003e\n  \u003c\/button\u003e\n\n  \u003cbutton class=\"pd-trigger-btn\" data-panel=\"uyarilar\"\u003e\n    \u003cspan class=\"pd-trigger-label\"\u003eUyarılar\u003c\/span\u003e\n    \u003cspan class=\"pd-trigger-toggle\"\u003e\u003c\/span\u003e\n  \u003c\/button\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- OVERLAY --\u003e\n\u003cdiv class=\"pd-overlay\" id=\"pdOverlay\"\u003e\u003c\/div\u003e\n\n\u003c!-- PANEL --\u003e\n\u003cdiv class=\"pd-panel\" id=\"pdPanel\"\u003e\n  \u003cdiv class=\"pd-panel-head\"\u003e\n    \u003cdiv class=\"pd-panel-head-left\"\u003e\n      \u003cspan class=\"pd-panel-eyebrow\"\u003eKIN•SU CreaMAG\u003c\/span\u003e\n      \u003cspan class=\"pd-panel-title\" id=\"pdPanelTitle\"\u003eÜrün Açıklaması\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cbutton class=\"pd-panel-close\" id=\"pdPanelClose\" aria-label=\"Kapat\"\u003e\n      \u003csvg viewbox=\"0 0 14 14\"\u003e\u003cline x1=\"1\" y1=\"1\" x2=\"13\" y2=\"13\"\u003e\u003c\/line\u003e\u003cline x1=\"13\" y1=\"1\" x2=\"1\" y2=\"13\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n    \u003c\/button\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"pd-panel-body\" id=\"pdPanelBody\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"pd-panel-footer\" id=\"pdPanelFooter\"\u003e\n    \u003cp class=\"pd-footnote\"\u003e\n      \u003cspan class=\"pd-footnote-mark\"\u003e*\u003c\/span\u003eTürk Gıda Kodeksi Beslenme ve Sağlık Beyanları Yönetmeliği.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ── PANEL İÇERİKLERİ ── --\u003e\n\n\u003ctemplate id=\"tpl-aciklama\"\u003e\n  \u003cdiv class=\"pd-section\" style=\"padding-bottom:4px;\"\u003e\n    \u003cdiv class=\"pd-badges\"\u003e\n      \u003cdiv class=\"pd-badge\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0713\/4999\/3542\/files\/GMP.png?v=1776346210\" alt=\"GMP\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pd-badge\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0713\/4999\/3542\/files\/Albion.png?v=1776359636\" alt=\"Albion\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pd-badge\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0713\/4999\/3542\/files\/Sekisui.png?v=1776165737\" alt=\"Sekisui\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pd-badge\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0713\/4999\/3542\/files\/Acerblend1028x720.png?v=1776531185\" alt=\"Acerblend\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pd-badge\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0713\/4999\/3542\/files\/Balchem.png?v=1776165737\" alt=\"Balchem\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pd-section\"\u003e\n    \u003cspan class=\"pd-label\"\u003eFormül\u003c\/span\u003e\n    \u003cp class=\"pd-lead-text\"\u003ePatentli \u003cstrong\u003eCreatin MagnaPower®\u003c\/strong\u003e (Kreatin ve Magnezyum Karışımı), Kreatin Monohidrat ve aktif formda B6 Vitamini (P5P) ile formüle edilmiştir.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pd-section\"\u003e\n    \u003cspan class=\"pd-label\"\u003eİçeriği\u003c\/span\u003e\n    \u003cdiv class=\"pd-benefit\"\u003e\n      \u003cspan class=\"pd-benefit-title\"\u003eKreatin\u003c\/span\u003e\n      \u003cp class=\"pd-benefit-desc\"\u003eKısa süreli, yüksek yoğunluklu egzersizlerin ardı ardına yapılmasında fiziksel performansı artırır.*\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pd-benefit\"\u003e\n      \u003cspan class=\"pd-benefit-title\"\u003eMagnezyum\u003c\/span\u003e\n      \u003cp class=\"pd-benefit-desc\"\u003eYorgunluğun ve bitkinliğin azalmasına, normal enerji metabolizmasına ve kas fonksiyonuna katkıda bulunur.*\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pd-benefit\"\u003e\n      \u003cspan class=\"pd-benefit-title\"\u003eB6 Vitamini\u003c\/span\u003e\n      \u003cp class=\"pd-benefit-desc\"\u003eNormal enerji ve protein metabolizmasına, glikojen metabolizmasına ve yorgunluğun azalmasına katkıda bulunur.*\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pd-section\"\u003e\n    \u003cspan class=\"pd-label\"\u003eTemiz Formül\u003c\/span\u003e\n    \u003cdiv class=\"pd-clean-list\"\u003e\n      \u003cspan class=\"pd-clean-item\"\u003eTatlandırıcı içermez\u003c\/span\u003e\n      \u003cspan class=\"pd-clean-item\"\u003eİlave aroma içermez\u003c\/span\u003e\n      \u003cspan class=\"pd-clean-item\"\u003eRenklendirici içermez\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/template\u003e\n\n\u003ctemplate id=\"tpl-besin\"\u003e\n  \u003cdiv class=\"pd-section\"\u003e\n    \u003cspan class=\"pd-label\"\u003e1 Saşe Başına\u003c\/span\u003e\n    \u003ctable class=\"pd-table\"\u003e\n      \u003cthead\u003e\n        \u003ctr\u003e\n\u003cth\u003eBileşen\u003c\/th\u003e\n\u003cth\u003eMiktar\u003c\/th\u003e\n\u003cth\u003e%BRD**\u003c\/th\u003e\n\u003c\/tr\u003e\n      \u003c\/thead\u003e\n      \u003ctbody\u003e\n        \u003ctr class=\"pd-row-main\"\u003e\n\u003ctd\u003eElementel Kreatin\u003c\/td\u003e\n\u003ctd\u003e3000 mg\u003c\/td\u003e\n\u003ctd\u003e—\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr class=\"pd-row-sub\"\u003e\n\u003ctd\u003eKreatin Monohidrat'tan\u003c\/td\u003e\n\u003ctd\u003e1825 mg\u003c\/td\u003e\n\u003ctd\u003e**\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr class=\"pd-row-sub\"\u003e\n\u003ctd\u003eCreatin MagnaPower®'dan\u003c\/td\u003e\n\u003ctd\u003e1175 mg\u003c\/td\u003e\n\u003ctd\u003e**\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr class=\"pd-row-divider\"\u003e\u003ctd colspan=\"3\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\n        \u003ctr class=\"pd-row-main\"\u003e\n\u003ctd\u003eElementel Magnezyum\u003c\/td\u003e\n\u003ctd\u003e217,5 mg\u003c\/td\u003e\n\u003ctd\u003e58,72 %\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr class=\"pd-row-sub\"\u003e\n\u003ctd\u003eMagnezyum Sitrat'tan\u003c\/td\u003e\n\u003ctd\u003e150 mg\u003c\/td\u003e\n\u003ctd\u003e—\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr class=\"pd-row-sub\"\u003e\n\u003ctd\u003eMagnezyum Fosfat'tan\u003c\/td\u003e\n\u003ctd\u003e37,5 mg\u003c\/td\u003e\n\u003ctd\u003e—\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr class=\"pd-row-sub\"\u003e\n\u003ctd\u003eMagnezyum Oksit'ten\u003c\/td\u003e\n\u003ctd\u003e30 mg\u003c\/td\u003e\n\u003ctd\u003e—\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr class=\"pd-row-divider\"\u003e\u003ctd colspan=\"3\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\n        \u003ctr class=\"pd-row-main\"\u003e\n\u003ctd\u003eVitamin B6 (P5P)\u003c\/td\u003e\n\u003ctd\u003e7,5 mg\u003c\/td\u003e\n\u003ctd\u003e535,72 %\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n    \u003cp class=\"pd-nutrition-note\"\u003e** Beslenme Referans Değeri yoktur.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/template\u003e\n\n\u003ctemplate id=\"tpl-kullanim\"\u003e\n  \u003cdiv class=\"pd-section\"\u003e\n    \u003cspan class=\"pd-label\"\u003eTavsiye Edilen Kullanım\u003c\/span\u003e\n    \u003cdiv class=\"pd-usage-steps\"\u003e\n      \u003cdiv class=\"pd-usage-step\"\u003e\n        \u003cdiv class=\"pd-usage-step-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\u003e\u003c\/path\u003e\u003ccircle cx=\"9\" cy=\"7\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 3.13a4 4 0 0 1 0 7.75\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"pd-usage-step-num\"\u003eKİM\u003c\/span\u003e\n        \u003cspan class=\"pd-usage-step-text\"\u003e\u003cstrong\u003e11 yaş+\u003c\/strong\u003e\u003cbr\u003eyetişkinler\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pd-usage-arrow-cell\"\u003e→\u003c\/div\u003e\n      \u003cdiv class=\"pd-usage-step\"\u003e\n        \u003cdiv class=\"pd-usage-step-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003crect x=\"8\" y=\"2\" width=\"8\" height=\"4\" rx=\"1\"\u003e\u003c\/rect\u003e\u003cpath d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"pd-usage-step-num\"\u003eDOZA\u003c\/span\u003e\n        \u003cspan class=\"pd-usage-step-text\"\u003eGünde\u003cbr\u003e\u003cstrong\u003e1 saşe\u003c\/strong\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pd-usage-arrow-cell\"\u003e→\u003c\/div\u003e\n      \u003cdiv class=\"pd-usage-step\"\u003e\n        \u003cdiv class=\"pd-usage-step-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22C6.5 22 2 17.5 2 12S6.5 2 12 2s10 4.5 10 10\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 6v6l4 2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"pd-usage-step-num\"\u003eNASIL\u003c\/span\u003e\n        \u003cspan class=\"pd-usage-step-text\"\u003e\u003cstrong\u003e200 ml\u003c\/strong\u003e suda\u003cbr\u003ekarıştırarak\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv style=\"margin-top:96px; padding: 0 28px; overflow:hidden;\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0713\/4999\/3542\/files\/sase2.png?v=1776366897\" alt=\"KIN•SU CreaMAG kullanım\" style=\"width:100%; display:block; object-fit:cover; max-height:260px;\"\u003e\n  \u003c\/div\u003e\n\u003c\/template\u003e\n\n\u003ctemplate id=\"tpl-uyarilar\"\u003e\n  \u003cdiv class=\"pd-section\"\u003e\n    \u003cdiv class=\"pd-warning-badge\"\u003eİlaç Değildir\u003c\/div\u003e\n    \u003cdiv class=\"pd-warning-list\"\u003e\n      \u003cspan class=\"pd-warning-item\"\u003eGıda takviyeleri normal beslenmenin yerine geçmez.\u003c\/span\u003e\n      \u003cspan class=\"pd-warning-item\"\u003eDengeli ve çeşitli beslenme ile sağlıklı yaşam önemlidir.\u003c\/span\u003e\n      \u003cspan class=\"pd-warning-item\"\u003eTavsiye edilen günlük porsiyonu aşmayınız.\u003c\/span\u003e\n      \u003cspan class=\"pd-warning-item\"\u003eÇocukların ulaşamayacağı yerde saklayınız.\u003c\/span\u003e\n      \u003cspan class=\"pd-warning-item\"\u003eHastalıkların önlenmesi veya tedavi edilmesi amacıyla kullanılmaz.\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/template\u003e\n\n\u003cscript\u003e\n(function() {\n  var panelTitles = {\n    aciklama: 'Ürün Açıklaması',\n    besin: 'Besin Değerleri',\n    kullanim: 'Kullanım Talimatı',\n    uyarilar: 'Uyarılar'\n  };\n\n  var currentKey = null;\n  var isOpen = false;\n\n  function openPanel(key, btn) {\n    var overlay = document.getElementById('pdOverlay');\n    var panel = document.getElementById('pdPanel');\n    var body = document.getElementById('pdPanelBody');\n    var title = document.getElementById('pdPanelTitle');\n    var footer = document.getElementById('pdPanelFooter');\n    var tpl = document.getElementById('tpl-' + key);\n    if (!overlay || !panel || !body || !title || !tpl) return;\n\n    document.querySelectorAll('.pd-trigger-btn').forEach(function(b) { b.classList.remove('active'); });\n    if (btn) btn.classList.add('active');\n\n    title.textContent = panelTitles[key] || key;\n    body.innerHTML = '';\n    body.appendChild(tpl.content.cloneNode(true));\n    body.scrollTop = 0;\n    currentKey = key;\n    isOpen = true;\n\n    \/\/ Footer dipnotu sadece \"aciklama\" sekmesinde göster\n    if (footer) {\n      if (key === 'aciklama') {\n        footer.classList.add('active');\n      } else {\n        footer.classList.remove('active');\n      }\n    }\n\n    overlay.style.display = 'block';\n    document.body.style.overflow = 'hidden';\n    requestAnimationFrame(function() {\n      overlay.classList.add('active');\n      requestAnimationFrame(function() {\n        overlay.classList.add('visible');\n        panel.classList.add('visible');\n      });\n    });\n  }\n\n  function closePanel() {\n    if (!isOpen) return;\n    var overlay = document.getElementById('pdOverlay');\n    var panel = document.getElementById('pdPanel');\n    if (!overlay || !panel) return;\n\n    isOpen = false;\n    currentKey = null;\n    document.querySelectorAll('.pd-trigger-btn').forEach(function(b) { b.classList.remove('active'); });\n    overlay.classList.remove('visible');\n    panel.classList.remove('visible');\n    setTimeout(function() {\n      overlay.classList.remove('active');\n      overlay.style.display = 'none';\n      document.body.style.overflow = '';\n    }, 400);\n  }\n\n  function init() {\n    var btns = document.querySelectorAll('.pd-trigger-btn[data-panel]');\n    btns.forEach(function(btn) {\n      btn.addEventListener('click', function(e) {\n        e.preventDefault();\n        e.stopPropagation();\n        var key = btn.getAttribute('data-panel');\n        if (isOpen \u0026\u0026 currentKey === key) { closePanel(); return; }\n        openPanel(key, btn);\n      });\n    });\n\n    var overlay = document.getElementById('pdOverlay');\n    if (overlay) overlay.addEventListener('click', function(e) {\n      if (e.target === overlay) closePanel();\n    });\n\n    var closeBtn = document.getElementById('pdPanelClose');\n    if (closeBtn) closeBtn.addEventListener('click', function(e) {\n      e.preventDefault(); e.stopPropagation(); closePanel();\n    });\n\n    document.addEventListener('keydown', function(e) {\n      if (e.key === 'Escape') closePanel();\n    });\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n\u003c\/script\u003e","brand":"KİNSU","offers":[{"title":"Default Title","offer_id":44695537942598,"sku":null,"price":1650.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0713\/4999\/3542\/files\/CreaMag_2.png?v=1777808483"},{"product_id":"ki̇nsu-vitamin-d3-k2","title":"KİN•SU Vitamin D3+K2","description":"\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600\u0026amp;family=Asap:ital,wght@0,400;0,500;1,400\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n  :root {\n    --lacivert: #191970;\n    --acik-altin: rgba(184, 134, 11, 0.5);\n    --altin: #B8860B;\n    --altin-acik: #f6c832;\n    --beyaz: #FBFBFB;\n    --gri: #DCDCDC;\n  }\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  \/* ── TETİKLEYİCİ ALAN ── *\/\n  .pd-triggers {\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n    max-width: 50%;\n    margin: 0;\n  }\n\n  @media (max-width: 768px) {\n    .pd-triggers { max-width: 100%; }\n  }\n\n  .pd-trigger-btn {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    background: none;\n    border: none;\n    border-top: 1px solid rgba(25,25,112,0.1);\n    padding: 14px 0;\n    width: 100%;\n    cursor: pointer;\n    font-family: 'Inter', sans-serif;\n    font-size: 0.88rem;\n    font-weight: 500;\n    color: var(--lacivert);\n    text-align: left;\n    transition: all 0.25s ease;\n    -webkit-tap-highlight-color: transparent;\n  }\n  .pd-trigger-btn:last-child { border-bottom: 1px solid rgba(25,25,112,0.1); }\n\n  .pd-trigger-toggle {\n    width: 44px; height: 44px;\n    border-radius: 50%;\n    border: none;\n    display: flex; align-items: center; justify-content: center;\n    flex-shrink: 0;\n    pointer-events: none;\n    position: relative;\n    background: transparent;\n    margin-left: auto;\n    transition: background 0.25s ease, transform 0.25s ease;\n  }\n  .pd-trigger-toggle::before,\n  .pd-trigger-toggle::after {\n    content: '';\n    position: absolute;\n    background: var(--altin);\n    border-radius: 1px;\n    pointer-events: none;\n    transition: transform 0.25s ease, background 0.25s ease;\n  }\n  .pd-trigger-toggle::before { width: 18px; height: 1.5px; }\n  .pd-trigger-toggle::after  { width: 1.5px; height: 18px; }\n\n  .pd-trigger-btn:hover .pd-trigger-toggle { background: var(--acik-altin); transform: scale(1); }\n  .pd-trigger-btn:hover .pd-trigger-toggle::before,\n  .pd-trigger-btn:hover .pd-trigger-toggle::after { background: var(--lacivert); }\n\n  .pd-trigger-btn.active .pd-trigger-toggle { background: var(--altin); }\n  .pd-trigger-btn.active .pd-trigger-toggle::before { background: var(--lacivert); }\n  .pd-trigger-btn.active .pd-trigger-toggle::after { transform: scaleY(0); background: var(--lacivert); }\n\n  .pd-trigger-label { flex: 1; pointer-events: none; transition: color 0.2s; }\n  .pd-trigger-btn:hover .pd-trigger-label,\n  .pd-trigger-btn.active .pd-trigger-label { color: var(--altin); }\n\n  \/* ── OVERLAY ── *\/\n  .pd-overlay {\n    display: none;\n    position: fixed;\n    inset: 0;\n    background: rgba(10,10,40,0.4);\n    z-index: 99997;\n    opacity: 0;\n    transition: opacity 0.35s ease;\n  }\n  .pd-overlay.active { display: block; }\n  .pd-overlay.visible { opacity: 1; }\n\n  \/* ── PANEL ── *\/\n  .pd-panel {\n    position: fixed;\n    top: 0; right: 0; bottom: 0;\n    width: min(480px, 100vw);\n    background: var(--beyaz);\n    z-index: 99999;\n    transform: translateX(100%);\n    transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    box-shadow: -4px 0 32px rgba(0,0,0,0.12);\n  }\n  .pd-panel.visible { transform: translateX(0); }\n\n  .pd-panel-head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 20px 28px;\n    border-bottom: none;\n    flex-shrink: 0;\n  }\n  .pd-panel-head-left { display: flex; flex-direction: column; gap: 4px; }\n  .pd-panel-eyebrow { font-size: 0.6rem; letter-spacing: 4px; text-transform: uppercase; color: var(--altin); font-weight: 600; font-family: 'Inter', sans-serif; }\n  .pd-panel-title { font-family: 'Asap', serif; font-size: 1.25rem; font-weight: 400; color: var(--lacivert); line-height: 1.2; }\n  .pd-panel-close {\n    width: 36px; height: 36px;\n    border: 1.5px solid rgba(25,25,112,0.15);\n    border-radius: 50%;\n    background: none;\n    cursor: pointer;\n    display: flex; align-items: center; justify-content: center;\n    transition: all 0.2s ease;\n    flex-shrink: 0;\n    -webkit-tap-highlight-color: transparent;\n  }\n  .pd-panel-close:hover { border-color: var(--lacivert); }\n  .pd-panel-close svg { width: 14px; height: 14px; stroke: var(--lacivert); stroke-width: 2; fill: none; stroke-linecap: round; }\n\n  .pd-panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 4px 28px 40px;\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: thin;\n    scrollbar-color: rgba(184,134,11,0.2) transparent;\n  }\n  .pd-panel-body::-webkit-scrollbar { width: 3px; }\n  .pd-panel-body::-webkit-scrollbar-track { background: transparent; }\n  .pd-panel-body::-webkit-scrollbar-thumb { background: rgba(184,134,11,0.3); border-radius: 2px; }\n\n  \/* Panel altındaki sabit dipnot — sadece ürün açıklamasında aktif *\/\n  .pd-panel-footer {\n    flex-shrink: 0;\n    padding: 14px 28px 18px;\n    border-top: 1px solid rgba(184,134,11,0.15);\n    background: var(--beyaz);\n    display: none;\n  }\n  .pd-panel-footer.active {\n    display: block;\n  }\n  .pd-panel-footer .pd-footnote {\n    font-size: 0.66rem;\n    font-weight: 300;\n    line-height: 1.5;\n    color: var(--lacivert);\n    opacity: 0.55;\n    font-style: italic;\n    font-family: 'Inter', sans-serif;\n    margin: 0;\n  }\n  .pd-panel-footer .pd-footnote-mark {\n    color: var(--altin);\n    font-weight: 500;\n    opacity: 1;\n    margin-right: 2px;\n    font-style: normal;\n  }\n\n  \/* İçerik bölümleri *\/\n  .pd-section { padding: 18px 0; border-bottom: none; }\n\n  .pd-label { font-size: 0.6rem; letter-spacing: 4px; text-transform: uppercase; color: var(--altin); font-weight: 600; display: flex; align-items: center; gap: 8px; margin-bottom: 14px; font-family: 'Inter', sans-serif; }\n  .pd-label::before { content: '—'; display: inline-block; color: var(--altin); opacity: 0.6; font-size: 0.7rem; flex-shrink: 0; }\n\n  .pd-badges { display: flex; align-items: center; justify-content: center; gap: 20px; flex-wrap: nowrap; }\n  .pd-badge { display: flex; align-items: center; }\n  .pd-badge img { width: auto; height: 64px; object-fit: contain; display: block; }\n  .pd-badge-text { font-size: 0.65rem; font-weight: 500; color: var(--lacivert); opacity: 0.55; letter-spacing: 0.3px; line-height: 1.4; font-family: 'Inter', sans-serif; }\n  .pd-badge-sep { width: 1px; height: 28px; background: rgba(25,25,112,0.1); flex-shrink: 0; }\n\n  .pd-lead-text { font-size: 0.9rem; font-weight: 300; line-height: 1.85; opacity: 0.68; font-family: 'Inter', sans-serif; color: var(--lacivert); }\n  .pd-lead-text strong { font-weight: 600; opacity: 1; }\n\n  .pd-benefit { padding: 10px 0; border-bottom: none; }\n  .pd-benefit-title { font-size: 0.72rem; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; color: var(--altin); margin-bottom: 5px; display: block; font-family: 'Inter', sans-serif; }\n  .pd-benefit-desc { font-size: 0.84rem; font-weight: 300; line-height: 1.65; opacity: 0.62; font-family: 'Inter', sans-serif; color: var(--lacivert); }\n\n  .pd-usage-steps { display: table; width: 100%; border-collapse: collapse; }\n  .pd-usage-step { display: table-cell; text-align: center; vertical-align: top; padding: 4px; }\n  .pd-usage-step-icon { width: 36px; height: 36px; border: 1.5px solid rgba(184,134,11,0.3); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 8px; }\n  .pd-usage-step-icon svg { width: 16px; height: 16px; stroke: var(--altin); stroke-width: 1.5; fill: none; stroke-linecap: round; stroke-linejoin: round; }\n  .pd-usage-step-num { font-size: 0.52rem; letter-spacing: 2px; color: var(--altin); font-weight: 600; opacity: 0.7; display: block; margin-bottom: 4px; font-family: 'Inter', sans-serif; }\n  .pd-usage-step-text { font-size: 0.76rem; font-weight: 400; line-height: 1.5; color: var(--lacivert); opacity: 0.7; font-family: 'Inter', sans-serif; }\n  .pd-usage-step-text strong { font-weight: 600; opacity: 1; }\n  .pd-usage-arrow-cell { display: table-cell; vertical-align: middle; width: 18px; text-align: center; color: var(--altin); opacity: 0.3; font-size: 0.75rem; padding-bottom: 20px; }\n\n  .pd-clean-list { display: flex; flex-direction: column; gap: 8px; }\n  .pd-clean-item { display: flex; align-items: center; gap: 10px; font-size: 0.82rem; font-weight: 400; color: var(--lacivert); opacity: 0.68; font-family: 'Inter', sans-serif; }\n  .pd-clean-item::before { content: ''; display: inline-block; width: 14px; height: 1px; background: var(--altin); flex-shrink: 0; }\n\n  .pd-warning-badge { font-size: 0.72rem; font-weight: 600; letter-spacing: 1px; color: var(--beyaz); background: var(--lacivert); padding: 4px 10px; display: inline-block; margin-bottom: 14px; font-family: 'Inter', sans-serif; }\n  .pd-warning-list { display: flex; flex-direction: column; gap: 9px; }\n  .pd-warning-item { display: flex; align-items: flex-start; gap: 10px; font-size: 0.82rem; font-weight: 300; line-height: 1.65; color: var(--lacivert); opacity: 0.65; font-family: 'Inter', sans-serif; }\n  .pd-warning-item::before { content: ''; display: inline-block; width: 14px; height: 1px; background: var(--altin); flex-shrink: 0; margin-top: 11px; }\n\n  .pd-table { width: 100%; border-collapse: collapse; }\n  .pd-table th { text-align: left; font-size: 0.6rem; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; color: var(--altin); padding: 8px 10px; border-bottom: 1.5px solid var(--altin); background: rgba(184,134,11,0.04); font-family: 'Inter', sans-serif; }\n  .pd-table th:not(:first-child) { text-align: center; }\n  .pd-row-main td { padding: 10px 10px; border-bottom: 1px solid rgba(25,25,112,0.06); font-size: 0.84rem; font-weight: 500; color: var(--lacivert); font-family: 'Inter', sans-serif; }\n  .pd-row-main td:not(:first-child) { text-align: center; }\n  .pd-row-sub td { padding: 7px 10px; border-bottom: 1px solid rgba(25,25,112,0.04); font-size: 0.77rem; font-weight: 300; color: var(--lacivert); opacity: 0.58; font-style: italic; font-family: 'Inter', sans-serif; }\n  .pd-row-sub td:first-child { padding-left: 22px; }\n  .pd-row-sub td:not(:first-child) { text-align: center; }\n  .pd-row-divider td { padding: 0; border-bottom: 1.5px solid rgba(25,25,112,0.06); }\n  .pd-nutrition-note { font-size: 0.68rem; font-weight: 300; opacity: 0.38; font-style: italic; margin-top: 10px; font-family: 'Inter', sans-serif; color: var(--lacivert); }\n\u003c\/style\u003e\n\n\u003c!-- TETİKLEYİCİ BUTONLAR --\u003e\n\u003cdiv style=\"font-family:'Inter',sans-serif;\"\u003e\n\u003cdiv class=\"pd-triggers\"\u003e\n\n  \u003cbutton class=\"pd-trigger-btn\" data-panel=\"aciklama\"\u003e\n    \u003cspan class=\"pd-trigger-label\"\u003eÜrün Açıklaması\u003c\/span\u003e\n    \u003cspan class=\"pd-trigger-toggle\"\u003e\u003c\/span\u003e\n  \u003c\/button\u003e\n\n  \u003cbutton class=\"pd-trigger-btn\" data-panel=\"besin\"\u003e\n    \u003cspan class=\"pd-trigger-label\"\u003eBesin Değerleri\u003c\/span\u003e\n    \u003cspan class=\"pd-trigger-toggle\"\u003e\u003c\/span\u003e\n  \u003c\/button\u003e\n\n  \u003cbutton class=\"pd-trigger-btn\" data-panel=\"kullanim\"\u003e\n    \u003cspan class=\"pd-trigger-label\"\u003eKullanım Talimatı\u003c\/span\u003e\n    \u003cspan class=\"pd-trigger-toggle\"\u003e\u003c\/span\u003e\n  \u003c\/button\u003e\n\n  \u003cbutton class=\"pd-trigger-btn\" data-panel=\"uyarilar\"\u003e\n    \u003cspan class=\"pd-trigger-label\"\u003eUyarılar\u003c\/span\u003e\n    \u003cspan class=\"pd-trigger-toggle\"\u003e\u003c\/span\u003e\n  \u003c\/button\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- OVERLAY --\u003e\n\u003cdiv class=\"pd-overlay\" id=\"pdOverlay\"\u003e\u003c\/div\u003e\n\n\u003c!-- PANEL --\u003e\n\u003cdiv class=\"pd-panel\" id=\"pdPanel\"\u003e\n  \u003cdiv class=\"pd-panel-head\"\u003e\n    \u003cdiv class=\"pd-panel-head-left\"\u003e\n      \u003cspan class=\"pd-panel-eyebrow\"\u003eKIN•SU D3+K2\u003c\/span\u003e\n      \u003cspan class=\"pd-panel-title\" id=\"pdPanelTitle\"\u003eÜrün Açıklaması\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cbutton class=\"pd-panel-close\" id=\"pdPanelClose\" aria-label=\"Kapat\"\u003e\n      \u003csvg viewbox=\"0 0 14 14\"\u003e\u003cline x1=\"1\" y1=\"1\" x2=\"13\" y2=\"13\"\u003e\u003c\/line\u003e\u003cline x1=\"13\" y1=\"1\" x2=\"1\" y2=\"13\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n    \u003c\/button\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"pd-panel-body\" id=\"pdPanelBody\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"pd-panel-footer\" id=\"pdPanelFooter\"\u003e\n    \u003cp class=\"pd-footnote\"\u003e\n      \u003cspan class=\"pd-footnote-mark\"\u003e*\u003c\/span\u003eTürk Gıda Kodeksi Beslenme ve Sağlık Beyanları Yönetmeliği.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ── PANEL İÇERİKLERİ ── --\u003e\n\n\u003ctemplate id=\"tpl-aciklama\"\u003e\n  \u003cdiv class=\"pd-section\" style=\"padding-bottom:4px;\"\u003e\n    \u003cdiv class=\"pd-badges\"\u003e\n      \u003cdiv class=\"pd-badge\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0713\/4999\/3542\/files\/GMP.png?v=1776416658\" alt=\"GMP\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pd-badge\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0713\/4999\/3542\/files\/Quali-D.png?v=1776165737\" alt=\"Quali-D\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pd-badge\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0713\/4999\/3542\/files\/Pharmaquinone.png?v=1776165736\" alt=\"Pharmaquinone\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pd-section\"\u003e\n    \u003cspan class=\"pd-label\"\u003eFormül\u003c\/span\u003e\n    \u003cp class=\"pd-lead-text\"\u003eGünlük yaşamı desteklemek amacıyla formüle edilmiş, \u003cstrong\u003eQuali‑D Vitamin D3\u003c\/strong\u003e ve patentli \u003cstrong\u003ePharmaquinone K2 (MK‑7)\u003c\/strong\u003e içeren sade bir rutin.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pd-section\"\u003e\n    \u003cspan class=\"pd-label\"\u003eİçeriği\u003c\/span\u003e\n    \u003cdiv class=\"pd-benefit\"\u003e\n      \u003cspan class=\"pd-benefit-title\"\u003eD Vitamini\u003c\/span\u003e\n      \u003cp class=\"pd-benefit-desc\"\u003eNormal kemiklerin korunmasına, normal kas fonksiyonunun korunmasına ve bağışıklık sisteminin normal fonksiyonuna katkıda bulunur.*\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pd-benefit\"\u003e\n      \u003cspan class=\"pd-benefit-title\"\u003eK Vitamini\u003c\/span\u003e\n      \u003cp class=\"pd-benefit-desc\"\u003eNormal kan pıhtılaşmasına ve normal kemiklerin korunmasına katkıda bulunur.*\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pd-section\"\u003e\n    \u003cspan class=\"pd-label\"\u003eTemiz Formül\u003c\/span\u003e\n    \u003cdiv class=\"pd-clean-list\"\u003e\n      \u003cspan class=\"pd-clean-item\"\u003eKoruyucu içermez\u003c\/span\u003e\n      \u003cspan class=\"pd-clean-item\"\u003eTrans yağ içermez\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/template\u003e\n\n\u003ctemplate id=\"tpl-besin\"\u003e\n  \u003cdiv class=\"pd-section\"\u003e\n    \u003cspan class=\"pd-label\"\u003e1 Damla Başına\u003c\/span\u003e\n    \u003ctable class=\"pd-table\"\u003e\n      \u003cthead\u003e\n        \u003ctr\u003e\n\u003cth\u003eBileşen\u003c\/th\u003e\n\u003cth\u003eMiktar\u003c\/th\u003e\n\u003cth\u003e%BRD**\u003c\/th\u003e\n\u003c\/tr\u003e\n      \u003c\/thead\u003e\n      \u003ctbody\u003e\n        \u003ctr class=\"pd-row-main\"\u003e\n\u003ctd\u003eZeytinyağı\u003c\/td\u003e\n\u003ctd\u003e48,49 mg\u003c\/td\u003e\n\u003ctd\u003e**\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr class=\"pd-row-divider\"\u003e\u003ctd colspan=\"3\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\n        \u003ctr class=\"pd-row-main\"\u003e\n\u003ctd\u003eVitamin D3 (Kolekalsiferol)\u003c\/td\u003e\n\u003ctd\u003e25 mcg (1000 IU)\u003c\/td\u003e\n\u003ctd\u003e500 %\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr class=\"pd-row-divider\"\u003e\u003ctd colspan=\"3\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\n        \u003ctr class=\"pd-row-main\"\u003e\n\u003ctd\u003eVitamin K2 (Menakinon-7)\u003c\/td\u003e\n\u003ctd\u003e11,26 mcg\u003c\/td\u003e\n\u003ctd\u003e15 %\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n    \u003cp class=\"pd-nutrition-note\"\u003e** Beslenme Referans Değeri yoktur.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/template\u003e\n\n\u003ctemplate id=\"tpl-kullanim\"\u003e\n  \u003cdiv class=\"pd-section\"\u003e\n    \u003cspan class=\"pd-label\"\u003eTavsiye Edilen Kullanım\u003c\/span\u003e\n    \u003cdiv class=\"pd-usage-steps\"\u003e\n      \u003cdiv class=\"pd-usage-step\"\u003e\n        \u003cdiv class=\"pd-usage-step-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\u003e\u003c\/path\u003e\u003ccircle cx=\"9\" cy=\"7\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 3.13a4 4 0 0 1 0 7.75\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"pd-usage-step-num\"\u003eKİM\u003c\/span\u003e\n        \u003cspan class=\"pd-usage-step-text\"\u003e\u003cstrong\u003e11 yaş+\u003c\/strong\u003e\u003cbr\u003eyetişkinler\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pd-usage-arrow-cell\"\u003e→\u003c\/div\u003e\n      \u003cdiv class=\"pd-usage-step\"\u003e\n        \u003cdiv class=\"pd-usage-step-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#B8860B\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 2C12 2 5 10 5 15a7 7 0 0 0 14 0C19 10 12 2 12 2z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"pd-usage-step-num\"\u003eDOZAJ\u003c\/span\u003e\n        \u003cspan class=\"pd-usage-step-text\"\u003eGünde\u003cbr\u003e\u003cstrong\u003e1 damla\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size:0.65rem;opacity:0.55;\"\u003e(0,05 ml)\u003c\/span\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pd-usage-arrow-cell\"\u003e→\u003c\/div\u003e\n      \u003cdiv class=\"pd-usage-step\"\u003e\n        \u003cdiv class=\"pd-usage-step-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22C6.5 22 2 17.5 2 12S6.5 2 12 2s10 4.5 10 10\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 6v6l4 2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"pd-usage-step-num\"\u003eNE ZAMAN\u003c\/span\u003e\n        \u003cspan class=\"pd-usage-step-text\"\u003eTercihen\u003cbr\u003e\u003cstrong\u003eyağlı öğünden\u003c\/strong\u003e\u003cbr\u003esonra\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv style=\"margin-top:96px; padding: 0 28px; overflow:hidden;\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0713\/4999\/3542\/files\/damla2.png?v=1776366897\" alt=\"KIN•SU D3+K2 kullanım\" style=\"width:100%; display:block; object-fit:cover; max-height:260px;\"\u003e\n  \u003c\/div\u003e\n\u003c\/template\u003e\n\n\u003ctemplate id=\"tpl-uyarilar\"\u003e\n  \u003cdiv class=\"pd-section\"\u003e\n    \u003cdiv class=\"pd-warning-badge\"\u003eİlaç Değildir\u003c\/div\u003e\n    \u003cdiv class=\"pd-warning-list\"\u003e\n      \u003cspan class=\"pd-warning-item\"\u003eGıda takviyeleri normal beslenmenin yerine geçmez.\u003c\/span\u003e\n      \u003cspan class=\"pd-warning-item\"\u003eDengeli ve çeşitli beslenme ile sağlıklı yaşam önemlidir.\u003c\/span\u003e\n      \u003cspan class=\"pd-warning-item\"\u003eTavsiye edilen günlük porsiyonu aşmayınız.\u003c\/span\u003e\n      \u003cspan class=\"pd-warning-item\"\u003eHamilelik ve emzirme dönemi ile hastalık veya ilaç kullanımı durumunda doktorunuza danışınız.\u003c\/span\u003e\n      \u003cspan class=\"pd-warning-item\"\u003eÇocukların ulaşamayacağı yerde saklayınız.\u003c\/span\u003e\n      \u003cspan class=\"pd-warning-item\"\u003eHastalıkların önlenmesi veya tedavi edilmesi amacıyla kullanılmaz.\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/template\u003e\n\n\u003cscript\u003e\n(function() {\n  var panelTitles = {\n    aciklama: 'Ürün Açıklaması',\n    besin: 'Besin Değerleri',\n    kullanim: 'Kullanım Talimatı',\n    uyarilar: 'Uyarılar'\n  };\n\n  var currentKey = null;\n  var isOpen = false;\n\n  function openPanel(key, btn) {\n    var overlay = document.getElementById('pdOverlay');\n    var panel = document.getElementById('pdPanel');\n    var body = document.getElementById('pdPanelBody');\n    var title = document.getElementById('pdPanelTitle');\n    var footer = document.getElementById('pdPanelFooter');\n    var tpl = document.getElementById('tpl-' + key);\n    if (!overlay || !panel || !body || !title || !tpl) return;\n\n    document.querySelectorAll('.pd-trigger-btn').forEach(function(b) { b.classList.remove('active'); });\n    if (btn) btn.classList.add('active');\n\n    title.textContent = panelTitles[key] || key;\n    body.innerHTML = '';\n    body.appendChild(tpl.content.cloneNode(true));\n    body.scrollTop = 0;\n    currentKey = key;\n    isOpen = true;\n\n    \/\/ Footer dipnotu sadece \"aciklama\" sekmesinde göster\n    if (footer) {\n      if (key === 'aciklama') {\n        footer.classList.add('active');\n      } else {\n        footer.classList.remove('active');\n      }\n    }\n\n    overlay.style.display = 'block';\n    document.body.style.overflow = 'hidden';\n    requestAnimationFrame(function() {\n      overlay.classList.add('active');\n      requestAnimationFrame(function() {\n        overlay.classList.add('visible');\n        panel.classList.add('visible');\n      });\n    });\n  }\n\n  function closePanel() {\n    if (!isOpen) return;\n    var overlay = document.getElementById('pdOverlay');\n    var panel = document.getElementById('pdPanel');\n    if (!overlay || !panel) return;\n\n    isOpen = false;\n    currentKey = null;\n    document.querySelectorAll('.pd-trigger-btn').forEach(function(b) { b.classList.remove('active'); });\n    overlay.classList.remove('visible');\n    panel.classList.remove('visible');\n    setTimeout(function() {\n      overlay.classList.remove('active');\n      overlay.style.display = 'none';\n      document.body.style.overflow = '';\n    }, 400);\n  }\n\n  function init() {\n    var btns = document.querySelectorAll('.pd-trigger-btn[data-panel]');\n    btns.forEach(function(btn) {\n      btn.addEventListener('click', function(e) {\n        e.preventDefault();\n        e.stopPropagation();\n        var key = btn.getAttribute('data-panel');\n        if (isOpen \u0026\u0026 currentKey === key) { closePanel(); return; }\n        openPanel(key, btn);\n      });\n    });\n\n    var overlay = document.getElementById('pdOverlay');\n    if (overlay) overlay.addEventListener('click', function(e) {\n      if (e.target === overlay) closePanel();\n    });\n\n    var closeBtn = document.getElementById('pdPanelClose');\n    if (closeBtn) closeBtn.addEventListener('click', function(e) {\n      e.preventDefault(); e.stopPropagation(); closePanel();\n    });\n\n    document.addEventListener('keydown', function(e) {\n      if (e.key === 'Escape') closePanel();\n    });\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n\u003c\/script\u003e","brand":"KİNSU","offers":[{"title":"Tekli Kutu","offer_id":44960498647110,"sku":null,"price":550.0,"currency_code":"TRY","in_stock":true},{"title":"İkili Ekonomik Kutu","offer_id":44960498679878,"sku":null,"price":990.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0713\/4999\/3542\/files\/D3K2Tekli_2.png?v=1777808483"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0713\/4999\/3542\/collections\/WhatsAppImage2026-03-01at19.05.34_ecc39949-457c-4cba-a9b3-ef2a655bbd8f.jpg?v=1776636348","url":"https:\/\/www.kinsulife.com\/collections\/gida-takviyeleri.oembed","provider":"KİNSU","version":"1.0","type":"link"}