{"id":3251,"date":"2026-05-15T14:19:08","date_gmt":"2026-05-15T11:19:08","guid":{"rendered":"https:\/\/www.letoon.com.tr\/eng\/?p=3251"},"modified":"2026-05-15T14:19:09","modified_gmt":"2026-05-15T11:19:09","slug":"istinye-park-mall","status":"publish","type":"post","link":"https:\/\/www.letoon.com.tr\/eng\/istinye-park-mall\/","title":{"rendered":"ISTINYE PARK MALL"},"content":{"rendered":"\n<!-- Google Fonts Ba\u011flant\u0131s\u0131 --> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;800&amp;display=swap\" rel=\"stylesheet\" \/> <!-- TASARIM BA\u015eLANGICI -->\n<style>\n    \/* --- SCOPING (KAPS\u00dcLLEME) --- *\/\n    .letoon-ozel-wrapper {\n        \/* Renk Paleti *\/\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 *, \n    .letoon-ozel-wrapper *::before, \n    .letoon-ozel-wrapper *::after {\n        box-sizing: border-box;\n    }\n\n    \/* --- AN\u0130MASYONLAR --- *\/\n    @keyframes fadeInUp {\n        from { opacity: 0; transform: translateY(30px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    @keyframes widthExpand {\n        from { width: 0; }\n        to { width: 80px; }\n    }\n    @keyframes floatProductBig {\n        0%, 100% { transform: translateY(0); }\n        50% { transform: translateY(-15px); }\n    }\n\n    \/* --- 1. HEADER --- *\/\n    .letoon-header {\n        margin-bottom: 40px;\n        animation: fadeInUp 0.8s ease-out forwards;\n    }\n    .letoon-cat-tag {\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 {\n        font-size: 2.8rem; font-weight: 800; color: var(--let-navy);\n        margin: 0; position: relative; display: inline-block;\n        line-height: 1.2;\n    }\n    .letoon-title::after {\n        content: ''; display: block; height: 5px; background: var(--let-red);\n        border-radius: 2px; margin-top: 10px;\n        animation: widthExpand 1s 0.5s ease-out forwards; width: 0; \n    }\n\n    \/* --- 2. HERO G\u00d6RSEL --- *\/\n    .letoon-hero {\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: fadeInUp 0.8s ease-out 0.2s forwards; opacity: 0;\n    }\n    .letoon-hero img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.5s ease; }\n    .letoon-hero:hover img { transform: scale(1.05); }\n\n    \/* --- 3. \u0130K\u0130YE B\u00d6L\u00dcNM\u00dc\u015e \u0130\u00c7ER\u0130K --- *\/\n    .letoon-split {\n        display: flex; gap: 40px; margin-bottom: 50px;\n        opacity: 0; animation: fadeInUp 0.8s ease-out 0.4s forwards;\n    }\n    .letoon-content-box {\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 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 p {\n        text-align: justify; margin-bottom: 15px;\n    }\n    \n    .letoon-list-wrapper {\n        flex: 1; background: var(--let-bg); padding: 30px; border-radius: 12px;\n        position: relative; overflow: hidden;\n    }\n    .letoon-list-wrapper h3 {\n        color: var(--let-navy); margin-top: 0; margin-bottom: 20px;\n        font-size: 1.4rem; border-bottom: 2px solid #e0e0e0;\n        padding-bottom: 10px;\n        font-weight: 800; \n    }\n    .letoon-ul { list-style: none; padding: 0; margin: 0; }\n    .letoon-ul li {\n        padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,0.05);\n        display: flex; align-items: center; font-weight: 500; color: var(--let-gray);\n        font-size: 0.95rem;\n    }\n    .letoon-ul li:last-child { border-bottom: none; }\n    .letoon-ul li::before {\n        content: ''; display: inline-block; width: 6px; height: 6px;\n        background: var(--let-red); border-radius: 50%; margin-right: 12px;\n        flex-shrink: 0;\n    }\n\n    \/* --- 4. B\u00dcY\u00dcT\u00dcLM\u00dc\u015e \u00dcR\u00dcN KARTI --- *\/\n    .letoon-product-wrapper {\n        width: 100%; margin-bottom: 60px;\n        opacity: 0; animation: fadeInUp 0.8s ease-out 0.5s forwards;\n    }\n    .letoon-product-box {\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    }\n    .letoon-product-box:hover {\n        transform: translateY(-5px); box-shadow: 0 20px 40px rgba(21, 41, 107, 0.12);\n    }\n    .letoon-product-box::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 {\n        width: 260px; \n        flex-shrink: 0; z-index: 1;\n        animation: floatProductBig 6s ease-in-out infinite;\n    }\n    .letoon-prod-img-wrapper img { width: 100%; height: auto; object-fit: contain; filter: drop-shadow(0 20px 30px rgba(0,0,0,0.25)); }\n    \n    .letoon-prod-info { flex: 1; z-index: 1; }\n    .letoon-prod-tag {\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 { font-size: 1.8rem; font-weight: 800; color: var(--let-navy); margin: 0 0 10px 0; }\n    .letoon-prod-desc { font-size: 1rem; color: var(--let-gray); margin: 0 0 20px 0; max-width: 600px; text-align: justify; }\n    .letoon-prod-link { \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:hover { background: var(--let-navy); }\n\n    .letoon-slider-arrow {\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    }\n    .letoon-slider-arrow: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 {\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:hover + .letoon-tooltip { opacity: 1; }\n\n    \/* --- 5. GALER\u0130 GRID --- *\/\n    .letoon-gallery-title {\n        font-size: 1.6rem; color: var(--let-navy); font-weight: 800; \n        margin-bottom: 25px; opacity: 0; animation: fadeInUp 0.8s ease-out 0.6s forwards;\n    }\n    .letoon-grid {\n        display: grid; \n        grid-template-columns: repeat(3, 1fr);\n        gap: 20px;\n        opacity: 0; animation: fadeInUp 0.8s ease-out 0.7s forwards;\n    }\n    .letoon-grid-item {\n        position: relative; aspect-ratio: 4 \/ 3;\n        overflow: hidden; border-radius: 12px; cursor: pointer;\n    }\n    .letoon-grid-item img {\n        width: 100%; height: 100%; object-fit: cover;\n        transition: transform 0.5s ease, filter 0.5s ease;\n    }\n    .letoon-grid-item:hover img { transform: scale(1.15); filter: brightness(0.8); }\n    \n    .letoon-overlay {\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 span { font-weight: 600; font-size: 14px; display: block; }\n    .letoon-grid-item:hover .letoon-overlay { bottom: 0; }\n    \n    .letoon-grid-item::after {\n        content: '&#x1f50d;';\n        position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\n        font-size: 30px; opacity: 0; transition: opacity 0.3s; z-index: 3;\n        pointer-events: none; filter: grayscale(1);\n    }\n    .letoon-grid-item:hover::after { opacity: 0.8; }\n\n\n    \/* --- LIGHTBOX (A\u00c7ILIR PENCERE) ST\u0130L\u0130 --- *\/\n    .letoon-lightbox {\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.active { opacity: 1; visibility: visible; }\n    \n    .letoon-lightbox img {\n        max-width: 90%; max-height: 90vh;\n        border-radius: 8px; box-shadow: 0 0 20px rgba(255,255,255,0.1);\n        transform: scale(0.9); transition: transform 0.3s ease;\n    }\n    .letoon-lightbox.active img { transform: scale(1); }\n    \n    .letoon-lightbox-close {\n        position: absolute; top: 20px; right: 30px;\n        color: #fff; font-size: 40px; cursor: pointer;\n        line-height: 1; transition: color 0.3s;\n    }\n    .letoon-lightbox-close:hover { color: var(--let-red); }\n\n    \/* Mobil *\/\n    @media (max-width: 768px) {\n        .letoon-title { font-size: 2rem; }\n        .letoon-hero { height: 250px; }\n        .letoon-split { flex-direction: column; }\n        .letoon-product-box { flex-direction: column; text-align: center; padding: 30px; gap: 30px; }\n        .letoon-prod-img-wrapper { width: 180px; } \n        .letoon-prod-desc { margin-left: auto; margin-right: auto; }\n        .letoon-slider-arrow { top: auto; bottom: 20px; right: 20px; width: 40px; height: 40px; font-size: 18px; }\n        .letoon-tooltip { display: none; }\n        .letoon-grid { grid-template-columns: 1fr; }\n    }\n<\/style>\n<div class=\"letoon-ozel-wrapper\"><!-- 1. HEADER -->\n<div class=\"letoon-header\"><span class=\"letoon-cat-tag\">SARIYER \/ ISTANBUL<\/span> <br \/>\n<h1 class=\"letoon-title\">ISTINYE PARK MALL<\/h1>\n<\/div>\n<!-- 2. HERO G\u00d6RSEL -->\n<div class=\"letoon-hero\"><img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/istanbul-CKSO9mhE-1.png\" alt=\"Istinye Park Mall General View\" \/><\/div>\n<!-- 3. \u0130K\u0130YE B\u00d6L\u00dcNM\u00dc\u015e ALAN -->\n<div class=\"letoon-split\"><!-- Sol: Yaz\u0131 -->\n<div class=\"letoon-content-box\">\n<h2>Renovation of Prestigious Architecture<\/h2>\n<p>Istinye Park, one of Istanbul&#8217;s most iconic lifestyle and shopping centers, underwent a special renovation process to carry its aesthetic texture into the future. In this meticulous project, carried out while remaining faithful to the original design and architectural integrity, the aim was to renew the surfaces in accordance with modern quality standards.<\/p>\n<p>For Istinye Park Mall, <strong>KEIM Concretal Lasur<\/strong> was chosen, offering an opaque or semi-transparent finish that preserves the breathing capability and original matte character of the concrete.<\/p>\n<\/div>\n<!-- Sa\u011f: Liste -->\n<div class=\"letoon-list-wrapper\">\n<h3>KEIM Concretal Lasur Advantages<\/h3>\n<ul class=\"letoon-ul\">\n<li>Preserves the natural texture and matte finish of the surface.<\/li>\n<li>Does not form a film layer; prevents blistering and flaking.<\/li>\n<li>Features A1 class inorganic pigments.<\/li>\n<li>Highly breathable (water vapor permeable).<\/li>\n<li>Highly resistant to UV rays.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<!-- 4. B\u00dcY\u00dcK \u00dcR\u00dcN KARTI -->\n<div class=\"letoon-product-wrapper\">\n<div class=\"letoon-product-box\">\n<div class=\"letoon-prod-img-wrapper\"><img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/PA_EI_Concretal-Lasur_15L_4c_rgb.png\" alt=\"Keim Concretal Lasur\" \/><\/div>\n<div class=\"letoon-prod-info\"><span class=\"letoon-prod-tag\">SILICATE PAINT<\/span>\n<h5 class=\"letoon-prod-title\">KEIM Concretal-Lasur<\/h5>\n<p class=\"letoon-prod-desc\"><span style=\"font-size: 14px;\">A special silicate paint system that can provide transparent, opaque, and semi-transparent finishes while preserving the natural matte character of the surface. It adds aesthetic depth to surfaces in renovation projects.<\/span><\/p>\n<a href=\"https:\/\/www.silikatboya.com\/sayfa\/keim-concretal-lasur-dizayn-ve-koruma\" class=\"letoon-prod-link\">View Product<\/a><\/div>\n<\/div>\n<\/div>\n<!-- 5. GALER\u0130 (G\u00f6rseller S\u0131ras\u0131yla) -->\n<h3 class=\"letoon-gallery-title\">Renovation Details and Application<\/h3>\n<div class=\"letoon-grid\"><!-- 1 -->\n<div class=\"letoon-grid-item\" onclick=\"openLightbox(this)\"><img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/istinye-park3-1024x553-1.jpg\" alt=\"Istinye Park General\" \/>\n<div class=\"letoon-overlay\"><span>Click to enlarge<\/span><\/div>\n<\/div>\n<!-- 2 -->\n<div class=\"letoon-grid-item\" onclick=\"openLightbox(this)\"><img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/DSC_7975-scaled.jpg\" alt=\"Istinye Park Detail\" \/>\n<div class=\"letoon-overlay\"><span>Click to enlarge<\/span><\/div>\n<\/div>\n<!-- 4 -->\n<div class=\"letoon-grid-item\" onclick=\"openLightbox(this)\"><img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/DSC_7979-scaled.jpg\" alt=\"Istinye Park Facade\" \/>\n<div class=\"letoon-overlay\"><span>Click to enlarge<\/span><\/div>\n<\/div>\n<!-- 2 -->\n<div class=\"letoon-grid-item\" onclick=\"openLightbox(this)\"><img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/istinye-park.png\" alt=\"Istinye Park Detail\" \/>\n<div class=\"letoon-overlay\"><span>Click to enlarge<\/span><\/div>\n<\/div>\n<!-- 5 -->\n<div class=\"letoon-grid-item\" onclick=\"openLightbox(this)\"><img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/IMG-20170303-WA0032.jpg\" alt=\"Istinye Park Application\" \/>\n<div class=\"letoon-overlay\"><span>Click to enlarge<\/span><\/div>\n<\/div>\n<!-- 8 -->\n<div class=\"letoon-grid-item\" onclick=\"openLightbox(this)\"><img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/IMG-20170308-WA0015-1.jpg\" alt=\"Istinye Park Surface\" \/>\n<div class=\"letoon-overlay\"><span>Click to enlarge<\/span><\/div>\n<\/div>\n<\/div>\n<!-- LIGHTBOX HTML -->\n<div id=\"letoonLightbox\" class=\"letoon-lightbox\" onclick=\"closeLightbox(event)\"><span class=\"letoon-lightbox-close\" onclick=\"closeLightboxBtn()\">\u00d7<\/span> <img id=\"letoonLightboxImg\" alt=\"Large Image\" \/><\/div>\n<\/div>\n<!-- LIGHTBOX JAVASCRIPT -->\n<script>\n    function openLightbox(element) {\n        var imgSrc = element.querySelector('img').src;\n        var lightbox = document.getElementById('letoonLightbox');\n        var lightboxImg = document.getElementById('letoonLightboxImg');\n        \n        lightboxImg.src = imgSrc;\n        lightbox.classList.add('active');\n    }\n\n    function closeLightboxBtn() {\n        document.getElementById('letoonLightbox').classList.remove('active');\n    }\n\n    function closeLightbox(e) {\n        if(e.target.id === 'letoonLightbox') {\n            document.getElementById('letoonLightbox').classList.remove('active');\n        }\n    }\n    \n    document.addEventListener('keydown', function(event) {\n        if (event.key === \"Escape\") {\n            document.getElementById('letoonLightbox').classList.remove('active');\n        }\n    });\n<\/script>\n<!-- TASARIM SONU -->\n","protected":false},"excerpt":{"rendered":"<p>SARIYER \/ ISTANBUL ISTINYE PARK MALL Renovation of Prestigious Architecture Istinye Park, one of Istanbul&#8217;s most iconic lifestyle and shopping<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3251","post","type-post","status-publish","format-standard","hentry","category-genel"],"_links":{"self":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/posts\/3251","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/types\/post"}],"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=3251"}],"version-history":[{"count":0,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/posts\/3251\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/media?parent=3251"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/categories?post=3251"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/tags?post=3251"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}