{"id":3349,"date":"2026-05-20T14:21:22","date_gmt":"2026-05-20T11:21:22","guid":{"rendered":"https:\/\/www.letoon.com.tr\/eng\/?page_id=3349"},"modified":"2026-05-20T14:21:23","modified_gmt":"2026-05-20T11:21:23","slug":"historical-izmir-garanti-bank-building-facade-restoration","status":"publish","type":"page","link":"https:\/\/www.letoon.com.tr\/eng\/historical-izmir-garanti-bank-building-facade-restoration\/","title":{"rendered":"HISTORICAL IZMIR GARANTI BANK BUILDING FACADE RESTORATION"},"content":{"rendered":"\n<!-- Google Fonts Connection --> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;800&amp;display=swap\" rel=\"stylesheet\" \/> <!-- DESIGN START -->\n<style>\n    \/* --- SCOPING (CAPSULATION - GARANTI BANK) --- *\/\n    .letoon-ozel-wrapper-garanti {\n        --let-navy: #15296B;\n        --let-red: #D20422;\n        --let-bg: #f8f9fc;\n        --let-text: #333333;\n        --let-gray: #666666;\n        \n        font-family: 'Inter', sans-serif;\n        color: var(--let-text);\n        line-height: 1.6;\n        box-sizing: border-box;\n        width: 100%;\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 40px 15px;\n    }\n\n    .letoon-ozel-wrapper-garanti *, \n    .letoon-ozel-wrapper-garanti *::before, \n    .letoon-ozel-wrapper-garanti *::after {\n        box-sizing: border-box;\n    }\n\n    \/* --- ANIMATIONS --- *\/\n    @keyframes fadeInUpGaranti {\n        from { opacity: 0; transform: translateY(30px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    @keyframes widthExpandGaranti {\n        from { width: 0; }\n        to { width: 80px; }\n    }\n    @keyframes floatProductBigGaranti {\n        0%, 100% { transform: translateY(0); }\n        50% { transform: translateY(-10px); }\n    }\n    @keyframes fadeInListGaranti {\n        from { opacity: 0; transform: translateX(10px); }\n        to { opacity: 1; transform: translateX(0); }\n    }\n    @keyframes fadeInTextGaranti { \n        from { opacity: 0; } \n        to { opacity: 1; } \n    }\n\n    \/* --- 1. HEADER --- *\/\n    .letoon-header-garanti {\n        margin-bottom: 40px;\n        animation: fadeInUpGaranti 0.8s ease-out forwards;\n    }\n    .letoon-cat-tag-garanti {\n        font-size: 13px; font-weight: 800; color: var(--let-red);\n        text-transform: uppercase; letter-spacing: 2px;\n        background: rgba(210, 4, 34, 0.06); padding: 6px 12px;\n        border-radius: 30px; display: inline-block; margin-bottom: 15px;\n    }\n    .letoon-title-garanti {\n        font-size: 2.8rem; font-weight: 800; color: var(--let-navy);\n        margin: 0; position: relative; display: inline-block;\n        text-transform: uppercase; line-height: 1.2;\n    }\n    .letoon-title-garanti::after {\n        content: ''; display: block; height: 5px; background: var(--let-red);\n        border-radius: 2px; margin-top: 10px;\n        animation: widthExpandGaranti 1s 0.5s ease-out forwards; width: 0; \n    }\n\n    \/* --- 2. HERO IMAGE --- *\/\n    .letoon-hero-garanti {\n        width: 100%; height: 500px; border-radius: 16px; overflow: hidden;\n        margin-bottom: 60px; position: relative;\n        box-shadow: 0 15px 40px rgba(21, 41, 107, 0.15);\n        animation: fadeInUpGaranti 0.8s ease-out 0.2s forwards; opacity: 0;\n    }\n    .letoon-hero-garanti img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.5s ease; }\n    .letoon-hero-garanti:hover img { transform: scale(1.05); }\n\n    \/* --- 3. SPLIT CONTENT --- *\/\n    .letoon-split-garanti {\n        display: flex; gap: 40px; margin-bottom: 50px;\n        opacity: 0; animation: fadeInUpGaranti 0.8s ease-out 0.4s forwards;\n    }\n    .letoon-content-box-garanti {\n        flex: 2; background: #fff; padding: 40px; border-radius: 12px;\n        border: 1px solid #eee; border-top: 5px solid var(--let-navy);\n        box-shadow: 0 5px 20px rgba(0,0,0,0.03);\n    }\n    .letoon-content-box-garanti h2 { \n        color: var(--let-navy); margin-top: 0; font-size: 1.8rem; \n        font-weight: 800; margin-bottom: 20px;\n    }\n    .letoon-content-box-garanti p { margin-bottom: 20px; color: var(--let-gray); text-align: justify; }\n    \n    .letoon-list-wrapper-garanti {\n        flex: 1; background: var(--let-bg); padding: 30px; border-radius: 12px;\n        position: relative; overflow: hidden; min-height: 480px;\n        display: flex; flex-direction: column;\n    }\n    \n    \/* List Header and Arrow *\/\n    .letoon-list-header-garanti {\n        display: flex; justify-content: space-between; align-items: center;\n        border-bottom: 2px solid #e0e0e0; padding-bottom: 10px; margin-bottom: 20px;\n    }\n    .letoon-list-header-garanti h3 {\n        color: var(--let-navy); margin: 0;\n        font-size: 1.2rem; font-weight: 800; \n    }\n    .letoon-list-arrow-icon-garanti {\n        width: 30px; height: 30px; border-radius: 50%; background: #fff;\n        border: 1px solid #eee; display: flex; align-items: center; justify-content: center;\n        cursor: pointer; color: var(--let-red); font-weight: bold;\n        transition: all 0.3s; box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n        user-select: none; flex-shrink: 0;\n    }\n    .letoon-list-arrow-icon-garanti:hover { background: var(--let-red); color: #fff; }\n\n    .letoon-ul-garanti { list-style: none; padding: 0; margin: 0; flex: 1; }\n    .letoon-ul-garanti li {\n        padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,0.05);\n        display: flex; align-items: start; font-weight: 500; color: var(--let-gray);\n        font-size: 0.9rem; line-height: 1.4;\n    }\n    .letoon-ul-garanti li:last-child { border-bottom: none; }\n    \n    .letoon-ul-garanti li::before {\n        content: '\\2714'; \n        color: var(--let-red); \n        margin-right: 12px;\n        font-weight: 800;\n        flex-shrink: 0; font-size: 1.1rem;\n    }\n    \n    .fade-list-garanti { animation: fadeInListGaranti 0.5s ease-out; }\n\n    \/* --- 4. ENLARGED PRODUCT CARD (SLIDER) --- *\/\n    .letoon-product-wrapper-garanti {\n        width: 100%; margin-bottom: 60px;\n        opacity: 0; animation: fadeInUpGaranti 0.8s ease-out 0.5s forwards;\n    }\n    .letoon-product-box-garanti {\n        background: #fff; border-radius: 16px; border: 1px solid #eee;\n        padding: 40px 50px; \n        display: flex; align-items: center; gap: 40px;\n        position: relative; overflow: hidden;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n        transition: transform 0.3s ease;\n        min-height: 380px;\n    }\n    .letoon-product-box-garanti:hover {\n        transform: translateY(-5px); box-shadow: 0 20px 40px rgba(21, 41, 107, 0.12);\n    }\n    .letoon-product-box-garanti::before {\n        content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n        background: radial-gradient(circle at 15% 50%, rgba(21, 41, 107, 0.04) 0%, transparent 60%);\n        pointer-events: none;\n    }\n    \n    .letoon-prod-img-wrapper-garanti {\n        width: 240px; \n        flex-shrink: 0; z-index: 1;\n        animation: floatProductBigGaranti 6s ease-in-out infinite;\n        text-align: center;\n    }\n    .letoon-prod-img-wrapper-garanti img { width: 100%; height: auto; max-height: 320px; object-fit: contain; filter: drop-shadow(0 20px 30px rgba(0,0,0,0.25)); transition: opacity 0.4s ease, filter 0.3s; }\n    \n    .letoon-prod-info-garanti { flex: 1; z-index: 1; position: relative; }\n    \n    .fade-text-garanti { animation: fadeInTextGaranti 0.5s ease-in-out; }\n\n    .letoon-prod-tag-garanti {\n        font-size: 11px; font-weight: 700; color: var(--let-navy); text-transform: uppercase;\n        background: #eef1f8; padding: 5px 12px; border-radius: 6px;\n        display: inline-block; margin-bottom: 12px; letter-spacing: 1px;\n    }\n    .letoon-prod-title-garanti { font-size: 1.8rem; font-weight: 800; color: var(--let-navy); margin: 0 0 10px 0; }\n    .letoon-prod-desc-garanti { font-size: 0.95rem; color: var(--let-gray); margin: 0 0 20px 0; max-width: 600px; text-align: justify; }\n    .letoon-prod-link-garanti { \n        font-size: 1rem; color: #fff; background: var(--let-red);\n        padding: 12px 30px; border-radius: 8px; text-decoration: none;\n        font-weight: 600; display: inline-block; transition: background 0.3s;\n    }\n    .letoon-prod-link-garanti:hover { background: var(--let-navy); }\n\n    .letoon-slider-arrow-garanti {\n        position: absolute; right: 30px; top: 50%; transform: translateY(-50%);\n        width: 50px; height: 50px; border-radius: 50%;\n        background: #fff; border: 1px solid #eee;\n        display: flex; justify-content: center; align-items: center;\n        color: var(--let-navy); font-size: 24px; cursor: pointer;\n        transition: all 0.3s ease; z-index: 5;\n        box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n        user-select: none;\n    }\n    .letoon-slider-arrow-garanti:hover {\n        background: var(--let-navy); color: #fff; border-color: var(--let-navy);\n        box-shadow: 0 5px 20px rgba(21, 41, 107, 0.3);\n    }\n    .letoon-tooltip-garanti {\n        position: absolute; right: 90px; top: 50%; transform: translateY(-50%);\n        background: rgba(0,0,0,0.8); color: #fff; padding: 5px 10px;\n        font-size: 12px; border-radius: 4px; opacity: 0; transition: opacity 0.3s;\n        pointer-events: none; white-space: nowrap;\n    }\n    .letoon-slider-arrow-garanti:hover + .letoon-tooltip-garanti { opacity: 1; }\n\n    \/* --- 5. GALLERY GRID --- *\/\n    .letoon-gallery-title-garanti {\n        font-size: 1.6rem; color: var(--let-navy); font-weight: 800; \n        margin-bottom: 25px; opacity: 0; animation: fadeInUpGaranti 0.8s ease-out 0.6s forwards;\n    }\n    .letoon-grid-garanti {\n        display: grid; \n        grid-template-columns: repeat(3, 1fr);\n        gap: 20px;\n        opacity: 0; animation: fadeInUpGaranti 0.8s ease-out 0.7s forwards;\n    }\n    .letoon-grid-item-garanti {\n        position: relative; aspect-ratio: 4 \/ 3;\n        overflow: hidden; border-radius: 12px; cursor: pointer;\n    }\n    .letoon-grid-item-garanti img {\n        width: 100%; height: 100%; object-fit: cover;\n        transition: transform 0.5s ease, filter 0.5s ease;\n    }\n    .letoon-grid-item-garanti:hover img { transform: scale(1.15); filter: brightness(0.8); }\n    \n    .letoon-overlay-garanti {\n        position: absolute; bottom: -50px; left: 0; width: 100%; padding: 15px;\n        background: linear-gradient(to top, rgba(21, 41, 107, 0.9), transparent);\n        color: #fff; transition: bottom 0.4s ease; z-index: 2; pointer-events: none;\n    }\n    .letoon-overlay-garanti span { font-weight: 600; font-size: 14px; display: block; }\n    .letoon-grid-item-garanti:hover .letoon-overlay-garanti { bottom: 0; }\n\n    \/* --- LIGHTBOX STYLE --- *\/\n    .letoon-lightbox-garanti {\n        position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n        background: rgba(0, 0, 0, 0.95); z-index: 9999;\n        display: flex; justify-content: center; align-items: center;\n        opacity: 0; visibility: hidden; transition: all 0.3s ease;\n        padding: 20px;\n    }\n    .letoon-lightbox-garanti.active { opacity: 1; visibility: visible; }\n    \n    .letoon-lightbox-garanti img {\n        max-width: 90%; max-height: 90vh;\n        border-radius: 4px; box-shadow: 0 0 30px rgba(0,0,0,0.5);\n        transform: scale(0.95); transition: transform 0.3s ease;\n    }\n    .letoon-lightbox-garanti.active img { transform: scale(1); }\n    \n    .letoon-lightbox-close-garanti {\n        position: absolute; top: 30px; right: 40px;\n        color: #fff; font-size: 45px; cursor: pointer;\n        line-height: 1; transition: color 0.3s;\n    }\n    .letoon-lightbox-close-garanti:hover { color: var(--let-red); }\n\n    \/* Mobile *\/\n    @media (max-width: 768px) {\n        .letoon-title-garanti { font-size: 2rem; }\n        .letoon-hero-garanti { height: 250px; }\n        .letoon-split-garanti { flex-direction: column; }\n        .letoon-product-box-garanti { flex-direction: column; text-align: center; padding: 30px; gap: 30px; }\n        .letoon-prod-img-wrapper-garanti { width: 160px; } \n        .letoon-prod-desc-garanti { margin-left: auto; margin-right: auto; }\n        .letoon-slider-arrow-garanti { top: auto; bottom: 20px; right: 20px; width: 40px; height: 40px; font-size: 18px; }\n        .letoon-tooltip-garanti { display: none; }\n        .letoon-grid-garanti { grid-template-columns: 1fr; }\n        .letoon-list-wrapper-garanti { min-height: auto; }\n    }\n<\/style>\n\n<div class=\"letoon-ozel-wrapper-garanti\">\n    <!-- 1. HEADER -->\n    <div class=\"letoon-header-garanti\">\n        <span class=\"letoon-cat-tag-garanti\">IZMIR<\/span> <br \/>\n        <h1 class=\"letoon-title-garanti\">HISTORICAL IZMIR GARANTI BANK BUILDING FACADE RESTORATION<\/h1>\n    <\/div>\n    \n    <!-- 2. HERO IMAGE -->\n    <div class=\"letoon-hero-garanti\">\n        <img decoding=\"async\" src=\"https:\/\/blog.letoon.com.tr\/wp-content\/uploads\/garanti-3.png\" alt=\"Izmir Garanti Bank Facade Renovation\" \/>\n    <\/div>\n    \n    <!-- 3. SPLIT CONTENT -->\n    <div class=\"letoon-split-garanti\">\n        <!-- Left: Text -->\n        <div class=\"letoon-content-box-garanti\">\n            <h2>Facade Renovation Compatible with Historical Texture<\/h2>\n            <p>The facade renovation and restoration works of the historical Garanti BBVA building in Izmir were carried out by **ZG Mimarl\u0131k Restorasyon**. In this project, where harmony with the historical and urban texture was prioritized, KEIM Restauro Lasur mineral-based potassium silicate paint systems, which preserve the natural mineral character of the structure, were preferred.<\/p>\n            <p>**KEIM Restauro Lasur** offers distinct and controlled surface solutions with its low-pigment formulation designed to preserve the original texture of the material in restoration applications. Thanks to its **sol-silicate** binder technology, it creates a mineral integration with the applied surfaces, providing optimum protection. With its mineral-binding structure and consolidating effect, it contributes to increasing surface resistance and strengthening textures that weaken over time. Due to the high UV resistance of its inorganic pigments and its breathable structure, it helps preserve the aesthetic value and physical integrity of the building&#8217;s facade for many years.<\/p>\n        <\/div>\n        \n        <!-- Right: Dynamic List -->\n        <div class=\"letoon-list-wrapper-garanti\">\n            <div class=\"letoon-list-header-garanti\">\n                <h3 id=\"listTitleGaranti\">Advantages of KEIM Restauro-Lasur<\/h3>\n                <!-- List Arrow -->\n                <div class=\"letoon-list-arrow-icon-garanti\" onclick=\"nextProductGaranti()\" title=\"Next Product and Advantages\">\u2192<\/div>\n            <\/div>\n            <ul class=\"letoon-ul-garanti\" id=\"listUlGaranti\">\n                <!-- To be populated dynamically with JS -->\n            <\/ul>\n        <\/div>\n    <\/div>\n    \n    <!-- 4. PRODUCT CARD (SLIDER: 2 PRODUCTS) -->\n    <div class=\"letoon-product-wrapper-garanti\">\n        <div class=\"letoon-product-box-garanti\">\n            <div class=\"letoon-prod-img-wrapper-garanti\">\n                <img decoding=\"async\" id=\"prodImgGaranti\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/restauro-lasur.png\" alt=\"KEIM Restauro-Lasur\" \/>\n            <\/div>\n            <div class=\"letoon-prod-info-garanti\" id=\"prodInfoGaranti\">\n                <span class=\"letoon-prod-tag-garanti\" id=\"prodTagGaranti\">SILICATE PAINT<\/span>\n                <h5 class=\"letoon-prod-title-garanti\" id=\"prodTitleGaranti\">KEIM Restauro-Lasur<\/h5>\n                <p class=\"letoon-prod-desc-garanti\" id=\"prodDescGaranti\">It is a mineral-based potassium silicate paint. It preserves the naturalness and matte texture of natural stone, offering aesthetic harmony and long-lasting protection.<\/p>\n                <a href=\"https:\/\/www.silikatboya.com\/sayfa\/keim-restauro-lasur\" target=\"_blank\" class=\"letoon-prod-link-garanti\" id=\"prodLinkGaranti\" rel=\"noopener\">View Product<\/a>\n            <\/div>\n            <!-- Right Slider Arrow -->\n            <div class=\"letoon-slider-arrow-garanti\" onclick=\"nextProductGaranti()\">\u203a<\/div>\n            <div class=\"letoon-tooltip-garanti\" id=\"tooltipTextGaranti\">Next: KEIM Restauro-Fixativ<\/div>\n        <\/div>\n    <\/div>\n    \n    <!-- 5. GALLERY (Images) -->\n    <h3 class=\"letoon-gallery-title-garanti\">Project Gallery<\/h3>\n    <div class=\"letoon-grid-garanti\">\n        <!-- Image 1 -->\n        <div class=\"letoon-grid-item-garanti\" onclick=\"openLightboxGaranti(this)\">\n            <img decoding=\"async\" src=\"https:\/\/blog.letoon.com.tr\/wp-content\/uploads\/garanti-1.png\" alt=\"Garanti Bank Detail 1\" \/>\n            <div class=\"letoon-overlay-garanti\"><span>Click to enlarge<\/span><\/div>\n        <\/div>\n        <!-- Image 2 -->\n        <div class=\"letoon-grid-item-garanti\" onclick=\"openLightboxGaranti(this)\">\n            <img decoding=\"async\" src=\"https:\/\/blog.letoon.com.tr\/wp-content\/uploads\/garanti-2.png\" alt=\"Garanti Bank Detail 2\" \/>\n            <div class=\"letoon-overlay-garanti\"><span>Click to enlarge<\/span><\/div>\n        <\/div>\n    <\/div>\n    \n    <!-- LIGHTBOX HTML -->\n    <div id=\"letoonLightboxGaranti\" class=\"letoon-lightbox-garanti\" onclick=\"closeLightboxGaranti(event)\">\n        <span class=\"letoon-lightbox-close-garanti\" onclick=\"closeLightboxBtnGaranti()\">\u00d7<\/span> \n        <img id=\"letoonLightboxImgGaranti\" alt=\"Enlarged Image\" \/>\n    <\/div>\n<\/div>\n\n<!-- SCRIPTS -->\n<script>\n    \/\/ --- PRODUCT & ADVANTAGES DATA (Garanti Bank) ---\n    const productsGaranti = [\n        {\n            key: \"restaurolasur\",\n            tag: \"SILICATE PAINT\",\n            title: \"KEIM Restauro-Lasur\",\n            desc: \"It is a mineral-based potassium silicate material. It preserves the naturalness and matte texture of natural stone, offering aesthetic harmony and long-lasting protection.\",\n            img: \"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/restauro-lasur.png\",\n            tooltip: \"Next: KEIM Restauro-Fixativ\",\n            link: \"https:\/\/www.silikatboya.com\/sayfa\/keim-restauro-lasur\",\n            advantages: [\n                \"Does not alter the characteristic texture and appearance of natural stone.\",\n                \"Fully resistant to UV rays; colors do not fade.\",\n                \"Chemically integrates with the surface (silicification), preventing peeling and flaking.\",\n                \"Provides high water vapor permeability, allowing the structure to breathe and preventing moisture accumulation.\"\n            ]\n        },\n        {\n            key: \"restaurofixativ\",\n            tag: \"PRIMER AND STABILIZER\",\n            title: \"KEIM Restauro-Fixativ\",\n            desc: \"An ideal mineral primer used as a binder and diluent for silicate-based systems, as well as for deep consolidation of crumbling and sanding natural stone surfaces.\",\n            img: \"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/PA_EI_Restauro-Fixativ_5L_4c_rgb.png\",\n            tooltip: \"Back to Start: KEIM Restauro-Lasur\",\n            link: \"https:\/\/www.silikatboya.com\/sayfa\/keim-restauro-fixativ\",\n            advantages: [\n                \"Penetrates deeply into the surface to consolidate the substrate.\",\n                \"Increases the durability of dusting and sanding natural stone surfaces.\",\n                \"Supports the silicification (petrification) reaction to establish a permanent bond.\",\n                \"Has high water vapor permeability, preserving the physics of the building.\",\n                \"Balances the absorption of the final silicate coat.\"\n            ]\n        }\n    ];\n\n    let currentIdxGaranti = 0;\n\n    function renderAdvantagesGaranti() {\n        const ul = document.getElementById('listUlGaranti');\n        const title = document.getElementById('listTitleGaranti');\n        const data = productsGaranti[currentIdxGaranti];\n\n        \/\/ List Animation Reset\n        ul.classList.remove('fade-list-garanti');\n        void ul.offsetWidth; \/\/ Trigger reflow\n        ul.classList.add('fade-list-garanti');\n\n        title.textContent = data.title + \" Advantages\";\n        ul.innerHTML = ''; \n\n        data.advantages.forEach(item => {\n            const li = document.createElement('li');\n            li.textContent = item;\n            ul.appendChild(li);\n        });\n    }\n\n    function nextProductGaranti() {\n        currentIdxGaranti = (currentIdxGaranti + 1) % productsGaranti.length;\n        const p = productsGaranti[currentIdxGaranti];\n\n        \/\/ Elements\n        const imgEl = document.getElementById('prodImgGaranti');\n        const tagEl = document.getElementById('prodTagGaranti');\n        const titleEl = document.getElementById('prodTitleGaranti');\n        const descEl = document.getElementById('prodDescGaranti');\n        const tooltipEl = document.getElementById('tooltipTextGaranti');\n        const infoBox = document.getElementById('prodInfoGaranti');\n        const linkEl = document.getElementById('prodLinkGaranti');\n\n        \/\/ Text Animation\n        infoBox.classList.remove('fade-text-garanti');\n        void infoBox.offsetWidth;\n        infoBox.classList.add('fade-text-garanti');\n        \n        \/\/ Image Transition\n        imgEl.style.opacity = '0';\n\n        setTimeout(() => {\n            tagEl.textContent = p.tag;\n            titleEl.textContent = p.title;\n            descEl.textContent = p.desc;\n            imgEl.src = p.img;\n            \n            tooltipEl.textContent = p.tooltip;\n            \n            \/\/ Link Control\n            if(p.link) {\n                linkEl.href = p.link;\n                linkEl.style.display = 'inline-block';\n            } else {\n                linkEl.style.display = 'none'; \n            }\n            \n            imgEl.style.opacity = '1';\n            \n            \/\/ Update advantages list\n            renderAdvantagesGaranti();\n        }, 200);\n    }\n\n    \/\/ On DOM Load\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        renderAdvantagesGaranti();\n        const firstProduct = productsGaranti[0];\n        const initialLinkEl = document.getElementById('prodLinkGaranti');\n        if (firstProduct.link) {\n            initialLinkEl.href = firstProduct.link;\n            initialLinkEl.style.display = 'inline-block';\n        } else {\n            initialLinkEl.style.display = 'none';\n        }\n    });\n\n    \/\/ --- LIGHTBOX JS (Garanti Bank) ---\n    function openLightboxGaranti(element) {\n        var imgSrc = element.querySelector('img').src;\n        var lightbox = document.getElementById('letoonLightboxGaranti');\n        var lightboxImg = document.getElementById('letoonLightboxImgGaranti');\n        \n        lightboxImg.src = imgSrc;\n        lightbox.classList.add('active');\n        document.body.style.overflow = 'hidden';\n    }\n\n    function closeLightboxBtnGaranti() {\n        var lightbox = document.getElementById('letoonLightboxGaranti');\n        lightbox.classList.remove('active');\n        document.body.style.overflow = 'auto';\n    }\n\n    function closeLightboxGaranti(e) {\n        if(e.target.id === 'letoonLightboxGaranti') {\n            closeLightboxBtnGaranti();\n        }\n    }\n    \n    document.addEventListener('keydown', function(event) {\n        if (event.key === \"Escape\") {\n            const lightbox = document.getElementById('letoonLightboxGaranti');\n            if(lightbox && lightbox.classList.contains('active')) {\n                closeLightboxBtnGaranti();\n            }\n        }\n    });\n<\/script>\n<!-- DESIGN END -->\n","protected":false},"excerpt":{"rendered":"<p>IZMIR HISTORICAL IZMIR GARANTI BANK BUILDING FACADE RESTORATION Facade Renovation Compatible with Historical Texture The facade renovation and restoration works<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3349","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages\/3349","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/comments?post=3349"}],"version-history":[{"count":0,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages\/3349\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/media?parent=3349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}