{"id":3127,"date":"2025-12-25T15:38:10","date_gmt":"2025-12-25T12:38:10","guid":{"rendered":"https:\/\/www.letoon.com.tr\/eng\/?page_id=3127"},"modified":"2026-08-28T11:07:23","modified_gmt":"2026-08-28T08:07:23","slug":"ecotera","status":"publish","type":"page","link":"https:\/\/www.letoon.com.tr\/eng\/ecotera\/","title":{"rendered":"ECOTERA"},"content":{"rendered":"\n<!-- Premium Fonts -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;500;700&#038;family=Segoe+UI:wght@400;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<!-- Lenis Smooth Scroll CSS -->\n<style>\n    html.lenis, html.lenis body {\n        height: auto;\n    }\n    .lenis.lenis-smooth {\n        scroll-behavior: auto !important;\n    }\n    .lenis.lenis-smooth [data-lenis-prevent] {\n        overscroll-behavior: contain;\n    }\n    .lenis.lenis-stopped {\n        overflow: hidden;\n    }\n<\/style>\n\n<style>\n:root {\n    \/* COLOR PALETTE *\/\n    --navy-solid: #28346e;\n    --navy-grad: linear-gradient(135deg, #28346e 0%, #4052b5 100%);\n    \n    --red-solid: #d12130;\n    --red-grad: linear-gradient(135deg, #d12130 0%, #f54e5d 100%);\n    \n    --bg-body: #f8f9fa;\n    --text-main: #333333;\n    --text-light: #666666;\n    --card-shadow: 0 10px 30px rgba(0,0,0,0.05);\n    --card-hover-shadow: 0 15px 35px rgba(40, 52, 110, 0.15);\n}\n\n* {\n    box-sizing: border-box;\n}\n\n\/* RESET & FONT *\/\n.catalog-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 40px 20px 60px 20px;\n    font-family: 'Segoe UI', Arial, Helvetica, sans-serif;\n    color: var(--text-main);\n    line-height: 1.6;\n}\n\n.catalog-container img {\n    max-width: 100%;\n    height: auto;\n    display: block;\n}\n\n\/* HEADER SECTION *\/\n.catalog-header {\n    background: white;\n    padding: 50px 40px;\n    border-radius: 12px;\n    box-shadow: var(--card-shadow);\n    position: relative;\n    overflow: hidden;\n    margin-bottom: 40px;\n    text-align: center;\n    will-change: transform, opacity;\n}\n\n.catalog-header::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 6px;\n    background: var(--navy-grad);\n}\n\n.header-logo {\n    max-width: 200px;\n    margin: 0 auto 20px;\n    will-change: transform, opacity;\n}\n\n\/* H1 Katalog Ana Ba\u015fl\u0131\u011f\u0131 *\/\n.catalog-main-title {\n    font-size: 1.8rem;\n    font-weight: 800;\n    color: var(--navy-solid);\n    margin: 0 0 15px 0;\n    line-height: 1.3;\n}\n\n.intro-text {\n    font-size: 16px;\n    color: #444;\n    text-align: justify;\n    max-width: 900px;\n    margin: 0 auto;\n}\n\n\/* BADGES *\/\n.esp-badges {\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 12px;\n    margin-top: 30px;\n}\n\n.esp-badge {\n    background: var(--navy-grad);\n    color: white;\n    padding: 8px 18px;\n    border-radius: 30px;\n    font-size: 13px;\n    font-weight: bold;\n    letter-spacing: 0.5px;\n    box-shadow: 0 4px 10px rgba(40, 52, 110, 0.2);\n    will-change: transform, opacity;\n}\n\n.esp-badge.highlight {\n    background: var(--red-grad);\n    box-shadow: 0 4px 10px rgba(209, 33, 48, 0.3);\n}\n\n\/* TAB NAVIGATION *\/\n.tabs-nav {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 15px;\n    margin-bottom: 40px;\n}\n\n.tab-btn {\n    background: white;\n    border: 1px solid #e0e0e0;\n    color: var(--navy-solid);\n    padding: 14px 28px;\n    cursor: pointer;\n    font-weight: bold;\n    font-size: 15px;\n    border-radius: 50px;\n    outline: none;\n    will-change: transform, opacity, background, color, box-shadow;\n}\n\n.tab-btn.active {\n    background: var(--navy-grad);\n    color: white;\n    border-color: transparent;\n    box-shadow: 0 8px 20px rgba(40, 52, 110, 0.3);\n}\n\n\/* CONTENT DISPLAY *\/\n.tab-content {\n    display: none;\n}\n\n.tab-content.active {\n    display: block;\n}\n\n\/* INFO BOX (H2) *\/\n.info-box {\n    background: white;\n    padding: 30px;\n    border-radius: 8px;\n    border-left: 5px solid var(--red-solid);\n    box-shadow: var(--card-shadow);\n    margin-bottom: 30px;\n    will-change: transform, opacity;\n}\n.info-box h2 {\n    margin: 0 0 10px 0;\n    color: var(--navy-solid);\n    font-weight: bold;\n    font-size: 1.25rem;\n    line-height: 1.3;\n}\n\n\/* PRODUCT GRID *\/\n.product-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n    gap: 30px;\n}\n\n.product-card {\n    background: white;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: var(--card-shadow);\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    border: 1px solid #f0f0f0;\n    cursor: pointer;\n    will-change: transform, opacity, box-shadow;\n}\n\n\/* Kart Alt \u00c7izgi Vurgusu *\/\n.product-card::after {\n    content: '';\n    position: absolute;\n    bottom: 0; left: 0; right: 0;\n    height: 0px;\n    background: var(--red-grad);\n    transition: height 0.3s ease;\n}\n\n.product-card:hover::after {\n    height: 5px;\n}\n\n.card-image {\n    background: #fff;\n    height: 240px;\n    padding: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-bottom: 1px solid #f5f5f5;\n    overflow: hidden;\n}\n\n.card-image img {\n    max-height: 100%;\n    width: auto;\n    object-fit: contain;\n    will-change: transform;\n}\n\n.card-body {\n    padding: 25px;\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n}\n\n\/* \u00dcr\u00fcn Kart Ba\u015fl\u0131\u011f\u0131 (H3) *\/\n.card-title {\n    font-size: 1.2rem;\n    font-weight: bold;\n    color: var(--navy-solid);\n    margin: 0 0 15px 0;\n    line-height: 1.3;\n}\n\n.card-text {\n    font-size: 14px;\n    color: var(--text-light);\n    margin-bottom: 20px;\n    flex-grow: 1;\n    line-height: 1.6;\n}\n\n.card-features {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    font-size: 13px;\n    color: #444;\n    border-top: 1px solid #eee;\n    padding-top: 15px;\n}\n\n.card-features li {\n    margin-bottom: 6px;\n    padding-left: 18px;\n    position: relative;\n}\n\n.card-features li::before {\n    content: \"\u2022\";\n    color: var(--red-solid);\n    font-size: 18px;\n    position: absolute;\n    left: 0;\n    top: -3px;\n    line-height: 1.5;\n}\n\n\/* MOBILE *\/\n@media (max-width: 768px) {\n    .tabs-nav {\n        flex-direction: column;\n    }\n    .tab-btn {\n        width: 100%;\n        border-radius: 8px;\n    }\n    .header-logo {\n        max-width: 150px;\n    }\n    .intro-text {\n        text-align: left;\n    }\n    .product-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n}\n<\/style>\n\n<div class=\"catalog-container\">\n\n    <!-- HEADER (H1) -->\n    <header class=\"catalog-header\">\n        <a href=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/esp-4.svg\">\n            <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/esp-4.svg\" alt=\"ESP System\" class=\"header-logo\" \/>\n        <\/a>\n        <h1 class=\"catalog-main-title\">E.S.P. System: Ecological &#038; Sustainable Products<\/h1>\n        <div class=\"intro-text\">\n            Using low-energy, ecological, and sustainable building materials for Energy Efficient structures is an essential environmental approach. \n            <strong>ECOTERA and BAUTERA<\/strong> possess a wide range of products compatible with the environment, offering comprehensive solutions to structural problems. \n            Our products, developed with this sustainable and eco-friendly approach, are offered for sale with the <strong>E.S.P. System<\/strong> logo.\n        <\/div>\n        <div class=\"esp-badges\">\n            <span class=\"esp-badge\">Ecological<\/span>\n            <span class=\"esp-badge\">Sustainable<\/span>\n            <span class=\"esp-badge highlight\">Low VOC<\/span>\n            <span class=\"esp-badge\">Harmless to Human Health<\/span>\n            <span class=\"esp-badge highlight\">Zero Waste<\/span>\n        <\/div>\n    <\/header>\n\n    <!-- NAVIGATION TABS -->\n    <nav class=\"tabs-nav\">\n        <button class=\"tab-btn active\" onclick=\"openCategory(event, 'cat-strippers')\">Paint Strippers<\/button>\n        <button class=\"tab-btn\" onclick=\"openCategory(event, 'cat-cleaning')\">Cleaning &#038; Restoration<\/button>\n        <button class=\"tab-btn\" onclick=\"openCategory(event, 'cat-consolidation')\">Consolidation &#038; Water Repellent<\/button>\n        <button class=\"tab-btn\" onclick=\"openCategory(event, 'cat-protection')\">Corrosion &#038; Coating<\/button>\n        <button class=\"tab-btn\" onclick=\"openCategory(event, 'cat-repair')\">Repair &#038; Flooring<\/button>\n    <\/nav>\n\n    <!-- CATEGORY 1: PAINT STRIPPERS -->\n    <div id=\"cat-strippers\" class=\"tab-content active\">\n        <div class=\"info-box\">\n            <h2>Ecological Paint Strippers &#8211; Overview<\/h2>\n            <p>Eco Strip Paint Removers are completely safe and eco-friendly with formulas that do not pose a danger to human and environmental health, containing no heavy chemicals. Free of Methylene Chloride and Methanol.<\/p>\n        <\/div>\n\n        <div class=\"product-grid\">\n            <div class=\"product-card\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/eco-strip.png\" alt=\"Eco Strip\">\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Eco Strip<\/h3>\n                    <p class=\"card-text\">Dissolves up to 3 layers of paint with a single application. Suitable for water, solvent, and oil-based paints.<\/p>\n                    <ul class=\"card-features\">\n                        <li>Wood, Stone, Concrete, Metal<\/li>\n                        <li>Gel form<\/li>\n                        <li>Indoor\/Outdoor<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n            <div class=\"product-card\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/eco-strip-marin.png\" alt=\"Eco Strip Marine\">\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Eco Strip Marine<\/h3>\n                    <p class=\"card-text\">Special formula for the marine sector. Dissolves up to 5 layers of paint in a single application.<\/p>\n                    <ul class=\"card-features\">\n                        <li>Paints<\/li>\n                        <li>Epoxies and Urethanes<\/li>\n                        <li>Polyester compatible<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n            <div class=\"product-card\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/eco-strip-plus.png\" alt=\"Eco Strip Plus\">\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Eco Strip Plus<\/h3>\n                    <p class=\"card-text\">Reinforced formula. Dissolves up to 8 layers of paint. Ideal for industrial coatings.<\/p>\n                    <ul class=\"card-features\">\n                        <li>Electrostatic paints<\/li>\n                        <li>Two-component products<\/li>\n                        <li>Fiberglass and Glass<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n            <div class=\"product-card\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/eco-strip-pro.png\" alt=\"Eco Strip Pro\">\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Eco Strip Pro<\/h3>\n                    <p class=\"card-text\">Fast-acting remover. Dissolves up to 3 layers of paint within 30 minutes.<\/p>\n                    <ul class=\"card-features\">\n                        <li>Furniture varnishes<\/li>\n                        <li>Fast action<\/li>\n                        <li>Alkyd paints<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n            <div class=\"product-card\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/eco-strip-pro-br7.png\" alt=\"Eco Strip Pro BR7\">\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Eco Strip Pro BR7<\/h3>\n                    <p class=\"card-text\">Ultra performance. Dissolves up to 10 layers of paint. Ideal for graffiti and auto paints.<\/p>\n                    <ul class=\"card-features\">\n                        <li>Graffiti Removal<\/li>\n                        <li>Auto Paints<\/li>\n                        <li>Caution: Not for use on plastic<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n            <div class=\"product-card\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/eco-strip-restora.png\" alt=\"Eco Strip Restora\">\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Eco Strip Restora<\/h3>\n                    <p class=\"card-text\">Alkaline formulated restoration remover. Removes multi-layered historical paints and spray graffiti.<\/p>\n                    <ul class=\"card-features\">\n                        <li>Historical monument restoration<\/li>\n                        <li>Active for 24 hours<\/li>\n                        <li>Must be neutralized<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- CATEGORY 2: CLEANING & RESTORATION -->\n    <div id=\"cat-cleaning\" class=\"tab-content\">\n        <div class=\"product-grid\">\n            <div class=\"product-card\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/eco-strip-grafiti.png\" alt=\"Eco Strip Graffiti\">\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Eco Strip Graffiti<\/h3>\n                    <p class=\"card-text\">Ecological remover that cleans spray paint, ink, and marker traces without damaging the surface.<\/p>\n                    <ul class=\"card-features\">\n                        <li>Low VOC<\/li>\n                        <li>Mild Odor<\/li>\n                        <li>Biodegradable<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n            <div class=\"product-card\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/eco-strip-fungi.png\" alt=\"Eco Strip Fungi\">\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Eco Strip Fungi<\/h3>\n                    <p class=\"card-text\">Cleans algae, moss, and fungi on natural stone and facades. Has a protective effect preventing regrowth.<\/p>\n                    <ul class=\"card-features\">\n                        <li>Long-term protection<\/li>\n                        <li>Does not change color<\/li>\n                        <li>Eco-friendly<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n            <div class=\"product-card\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/restora-desalt.png\" alt=\"Restora Desalt\">\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Restora Desalt<\/h3>\n                    <p class=\"card-text\">Dissolves salt efflorescence on building materials and removes it via extraction.<\/p>\n                    <ul class=\"card-features\">\n                        <li>Historic monument friendly<\/li>\n                        <li>Salt cleaning<\/li>\n                        <li>Static protection<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- CATEGORY 3: CONSOLIDATION & WATER REPELLENT -->\n    <div id=\"cat-consolidation\" class=\"tab-content\">\n        <div class=\"info-box\">\n            <h2>Silane Technology &#038; Water Repellency<\/h2>\n            <p>Our products penetrate deep into the surface with a 1 nm molecule size. They establish a permanent chemical bond, repelling water while allowing vapor to escape (breathability).<\/p>\n        <\/div>\n\n        <div class=\"product-grid\">\n            <div class=\"product-card\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/restora-fix.png\" alt=\"Restora Fix\">\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Restora Fix<\/h3>\n                    <p class=\"card-text\">Potassium silicate-based consolidation. Strengthens mineral surfaces and prevents dusting.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"product-card\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/restora-fix-100.png\" alt=\"Restora Fix 100\">\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Restora Fix 100<\/h3>\n                    <p class=\"card-text\">Silicic acid ester-based structural strengthener for natural stone and brick.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"product-card\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/restora-wp-081.png\" alt=\"Restora WP 081\">\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Restora WP 081<\/h3>\n                    <p class=\"card-text\">Both water repellent and strengthener (2 in 1). Provides high penetration.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"product-card\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/beton-fix.png\" alt=\"Beton Fix\">\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Beton Fix<\/h3>\n                    <p class=\"card-text\">Ecological product providing dustproofing on concrete surfaces. UV resistant and non-flammable.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"product-card\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/restora-wp-07.png\" alt=\"Restora WP 07\">\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Restora WP 07<\/h3>\n                    <p class=\"card-text\">Injection barrier against capillary damp inside walls. Cuts off rising damp from the ground.<\/p>\n                <\/div>\n            <\/div>\n            \n             <div class=\"product-card\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/restora-wo-wall.png\" alt=\"Restora WO Wall\">\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Restora WO Wall<\/h3>\n                    <p class=\"card-text\">Water and oil repellent for walls. Provides easy-to-clean properties, prevents posters from sticking.<\/p>\n                <\/div>\n            <\/div>\n\n             <div class=\"product-card\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/restora-wo-floor.png\" alt=\"Restora WO Floor\">\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Restora WO Floor<\/h3>\n                    <p class=\"card-text\">Water and oil repellent for floors. Prevents coffee, cola, and oil stains from adhering.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"product-card\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/restora-wal-p.png\" alt=\"Restora Wall P+\">\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Restora Wall P+<\/h3>\n                    <p class=\"card-text\">Deep penetrating water repellent. Provides protection against oil, grease, and food stains.<\/p>\n                <\/div>\n            <\/div>\n\n             <div class=\"product-card\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/restora-wal-p-1.png\" alt=\"Restora Wall P\">\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Restora Wall P<\/h3>\n                    <p class=\"card-text\">Water repellent bridging capillary cracks. Resistant to alkaline environments.<\/p>\n                <\/div>\n            <\/div>\n\n             <div class=\"product-card\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/restora-wp-091.png\" alt=\"Restora WP 091\">\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Restora WP 091<\/h3>\n                    <p class=\"card-text\">Siliconate\/Silicate concentrate. Hydrophobizes tile and brick surfaces.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- CATEGORY 4: CORROSION & COATING -->\n    <div id=\"cat-protection\" class=\"tab-content\">\n        <div class=\"product-grid\">\n            <div class=\"product-card\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/restora-steel-rust-fix.png\" alt=\"Steel Rust Fix\">\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Restora Steel Rust Fix<\/h3>\n                    <p class=\"card-text\">Concrete reinforcement corrosion inhibitor. Penetrates from the concrete surface to the steel and stops rust.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"product-card\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/rust-stop-3-1.png\" alt=\"Rust Stop 3\/1\">\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Restora Rust Stop 3\/1<\/h3>\n                    <p class=\"card-text\">Dissolves rust, cleans, and converts it into a paintable surface. No sandblasting required.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"product-card\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/rust-guard.png\" alt=\"Rust Guard\">\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Rust Guard<\/h3>\n                    <p class=\"card-text\">Water-based anti-corrosive coating applied directly onto rust. No primer needed.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"product-card\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/flexo-metal.png\" alt=\"Flexo Metal\">\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Flexo Metal<\/h3>\n                    <p class=\"card-text\">Metal coating with 200% elasticity. Ideal for roofs and large surfaces.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"product-card\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/aqua-monotop-pu.png\" alt=\"Aqua Monotop PU\">\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Aqua Monotop PU<\/h3>\n                    <p class=\"card-text\">Water-based, one-component polyurethane varnish. Decorative protection for wood and concrete.<\/p>\n                <\/div>\n            <\/div>\n            \n             <div class=\"product-card\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/topcoat-hp.png\" alt=\"Top Coat HP\">\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Top Coat HP<\/h3>\n                    <p class=\"card-text\">High-performance aliphatic polyurethane. Scratch-resistant, UV resistant. Provides graffiti protection.<\/p>\n                <\/div>\n            <\/div>\n\n             <div class=\"product-card\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/aqua-pro.png\" alt=\"Aqua Pro\">\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Aqua Pro<\/h3>\n                    <p class=\"card-text\">Two-component transparent coating. Adheres perfectly to ceramics, tiles, and glass mosaics.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- CATEGORY 5: REPAIR & FLOORING -->\n    <div id=\"cat-repair\" class=\"tab-content\">\n        <div class=\"product-grid\">\n            <div class=\"product-card\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/bau-stone.png\" alt=\"Bau Stone\">\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Bau Stone<\/h3>\n                    <p class=\"card-text\">Decorative stone carpet binder. Aesthetic solution for landscaping and walkways.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"product-card\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/concrete-repair-fine.png\" alt=\"Repair Fine\">\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Concrete Repair Fine<\/h3>\n                    <p class=\"card-text\">Fine repair mortar (0.5-4mm). For fair-faced concrete surface smoothing and cosmetic repair.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"product-card\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/concrete-repair-800.png\" alt=\"Repair 800\">\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Concrete Repair 800<\/h3>\n                    <p class=\"card-text\">Structural repair mortar. Fiber-reinforced, high strength. Filling up to 30mm.<\/p>\n                <\/div>\n            <\/div>\n            \n             <div class=\"product-card\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/aquapox.png\" alt=\"Aquapox\">\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Aquapox<\/h3>\n                    <p class=\"card-text\">Water-based epoxy coating. Chemical resistant for parking lots and industrial floors.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n<!-- GSAP & Lenis Smooth Scroll Libraries -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@studio-freight\/lenis@1.0.42\/dist\/lenis.min.js\"><\/script>\n\n<!-- KARARLI GSAP AN\u0130MASYON M\u0130MAR\u0130S\u0130 -->\n<script>\n  function initCatalogAnimations() {\n    if (typeof gsap === \"undefined\" || typeof ScrollTrigger === \"undefined\") {\n      return;\n    }\n    \n    gsap.registerPlugin(ScrollTrigger);\n\n    if (typeof Lenis !== \"undefined\") {\n      const lenis = new Lenis({\n        duration: 1.2,\n        easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)),\n        smoothWheel: true\n      });\n\n      function raf(time) {\n        lenis.raf(time);\n        requestAnimationFrame(raf);\n      }\n      requestAnimationFrame(raf);\n\n      lenis.on('scroll', ScrollTrigger.update);\n      gsap.ticker.add((time) => lenis.raf(time * 1000));\n      gsap.ticker.lagSmoothing(0);\n    }\n\n    const headerTl = gsap.timeline();\n\n    headerTl.fromTo(\".catalog-header\", \n      { opacity: 0, y: -30 },\n      { opacity: 1, y: 0, duration: 0.9, ease: \"power3.out\" }\n    )\n    .fromTo(\".header-logo\", \n      { opacity: 0, scale: 0.8 },\n      { opacity: 1, scale: 1, duration: 0.7, ease: \"back.out(1.5)\" }, \"-=0.5\"\n    )\n    .fromTo(\".catalog-main-title\", \n      { opacity: 0, y: 15 },\n      { opacity: 1, y: 0, duration: 0.6, ease: \"power2.out\" }, \"-=0.3\"\n    )\n    .fromTo(\".esp-badge\", \n      { opacity: 0, y: 15, scale: 0.9 },\n      { opacity: 1, y: 0, scale: 1, duration: 0.5, stagger: 0.08, ease: \"power2.out\" }, \"-=0.3\"\n    );\n\n    gsap.fromTo(\".tab-btn\", \n      { opacity: 0, y: -15 },\n      { opacity: 1, y: 0, duration: 0.6, stagger: 0.08, ease: \"power2.out\" }\n    );\n\n    document.querySelectorAll('.tab-btn').forEach(btn => {\n      btn.addEventListener('mouseenter', () => {\n        if (!btn.classList.contains('active')) {\n          gsap.to(btn, {\n            y: -3,\n            boxShadow: '0 5px 15px rgba(0,0,0,0.08)',\n            duration: 0.25,\n            ease: 'power2.out',\n            overwrite: 'auto'\n          });\n        }\n      });\n\n      btn.addEventListener('mouseleave', () => {\n        if (!btn.classList.contains('active')) {\n          gsap.to(btn, {\n            y: 0,\n            boxShadow: 'none',\n            duration: 0.25,\n            ease: 'power2.out',\n            overwrite: 'auto'\n          });\n        }\n      });\n    });\n\n    animateTabCards(\"#cat-strippers\");\n  }\n\n  function animateTabCards(categorySelector) {\n    const container = document.querySelector(categorySelector);\n    if (!container) return;\n\n    const infoBox = container.querySelector('.info-box');\n    const cards = container.querySelectorAll('.product-card');\n\n    if (infoBox) {\n      gsap.fromTo(infoBox,\n        { opacity: 0, y: 20 },\n        { opacity: 1, y: 0, duration: 0.5, ease: \"power2.out\" }\n      );\n    }\n\n    if (cards.length > 0) {\n      gsap.fromTo(cards, \n        { \n          opacity: 0, \n          y: 35, \n          scale: 0.94 \n        },\n        { \n          opacity: 1, \n          y: 0, \n          scale: 1, \n          duration: 0.5, \n          stagger: 0.05, \n          ease: \"power2.out\",\n          onComplete: function() {\n            if (typeof ScrollTrigger !== \"undefined\") {\n              ScrollTrigger.refresh();\n            }\n          }\n        }\n      );\n\n      cards.forEach(card => {\n        const img = card.querySelector('.card-image img');\n\n        card.addEventListener('mouseenter', () => {\n          gsap.to(card, {\n            y: -8,\n            boxShadow: '0 15px 35px rgba(40, 52, 110, 0.15)',\n            duration: 0.35,\n            ease: 'power2.out',\n            overwrite: 'auto'\n          });\n\n          if (img) {\n            gsap.to(img, {\n              scale: 1.08,\n              duration: 0.45,\n              ease: 'power2.out',\n              overwrite: 'auto'\n            });\n          }\n        });\n\n        card.addEventListener('mouseleave', () => {\n          gsap.to(card, {\n            y: 0,\n            boxShadow: '0 10px 30px rgba(0,0,0,0.05)',\n            duration: 0.35,\n            ease: 'power2.out',\n            overwrite: 'auto'\n          });\n\n          if (img) {\n            gsap.to(img, {\n              scale: 1,\n              duration: 0.45,\n              ease: 'power2.out',\n              overwrite: 'auto'\n            });\n          }\n        });\n      });\n    }\n  }\n\n  function openCategory(evt, categoryName) {\n    var i, tabcontent, tablinks;\n\n    tabcontent = document.getElementsByClassName(\"tab-content\");\n    for (i = 0; i < tabcontent.length; i++) {\n      tabcontent[i].style.display = \"none\";\n      tabcontent[i].classList.remove(\"active\");\n    }\n\n    tablinks = document.getElementsByClassName(\"tab-btn\");\n    for (i = 0; i < tablinks.length; i++) {\n      tablinks[i].classList.remove(\"active\");\n      if (typeof gsap !== \"undefined\") {\n        gsap.set(tablinks[i], { y: 0, boxShadow: 'none' });\n      }\n    }\n\n    var targetTab = document.getElementById(categoryName);\n    targetTab.style.display = \"block\";\n    targetTab.classList.add(\"active\");\n\n    evt.currentTarget.classList.add(\"active\");\n\n    animateTabCards(`#${categoryName}`);\n  }\n\n  if (document.readyState === \"complete\" || document.readyState === \"interactive\") {\n    initCatalogAnimations();\n  } else {\n    document.addEventListener(\"DOMContentLoaded\", initCatalogAnimations);\n  }\n\n  window.addEventListener(\"load\", function() {\n    if (typeof ScrollTrigger !== \"undefined\") {\n      ScrollTrigger.refresh();\n    }\n  });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>E.S.P. System: Ecological &#038; Sustainable Products Using low-energy, ecological, and sustainable building materials for Energy Efficient structures is an essential<\/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-3127","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages\/3127","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=3127"}],"version-history":[{"count":0,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages\/3127\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/media?parent=3127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}