{"id":20,"date":"2017-07-21T12:27:08","date_gmt":"2017-07-21T09:27:08","guid":{"rendered":"http:\/\/www.antikorozyon.com\/?page_id=20"},"modified":"2025-12-24T10:08:19","modified_gmt":"2025-12-24T07:08:19","slug":"antikorozyon","status":"publish","type":"page","link":"https:\/\/antikorozyon.com\/eng\/","title":{"rendered":"Antikorozyon"},"content":{"rendered":"\n<!-- Google Fonts --> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@400;700&amp;family=Chakra+Petch:wght@400;600;700&amp;display=swap\" rel=\"stylesheet\" \/>\n\n<!-- LANG=\"EN\" EKLEND\u0130 (Dilin \u0130ngilizce oldu\u011funu belirtir) -->\n<div class=\"ibix-sand-wrapper\" lang=\"en\"><!-- BACKGROUND TEXTURE -->\n<div class=\"ibix-sand-grid\"><\/div>\n<!-- HEADER: BRAND & LOGO -->\n<div class=\"ibix-sand-header\"><!-- Logo Box: Logos stacked and centered -->\n<div class=\"ibix-sand-logo-box\"><img decoding=\"async\" src=\"https:\/\/antikorozyon.com\/wp-content\/uploads\/2025\/12\/logo-1.png\" class=\"ibix-sand-logo-item\" alt=\"Logo 1\" \/> <img decoding=\"async\" src=\"https:\/\/antikorozyon.com\/wp-content\/uploads\/2025\/12\/Adsiz-tasarim-2025-12-09T141636.201.png\" class=\"ibix-sand-logo-item\" alt=\"Logo 2\" \/><\/div>\n<div class=\"ibix-sand-info\">\n<h1>ECOTERA &amp; BAUTERA<span class=\"reg\">\u00ae<\/span><\/h1>\n<!-- D\u00dcZELTME: Metin manuel olarak \u0130ngilizce b\u00fcy\u00fck harflerle yaz\u0131ld\u0131 (Noktas\u0131z I kullan\u0131ld\u0131) -->\n<div class=\"ibix-sand-meta\"><span class=\"sand-dot\"><\/span> <span>SURFACE CLEANING &amp; PROTECTION TECHNOLOGIES<\/span><\/div>\n<\/div>\n<\/div>\n<!-- CONTENT AREA (4 Panels) -->\n<div class=\"ibix-sand-stage\"><!-- Panel 1 -->\n<div class=\"ibix-sand-panel\" onclick=\"openLightbox(this)\"><img decoding=\"async\" src=\"https:\/\/antikorozyon.com\/wp-content\/uploads\/2025\/12\/15.png\" alt=\"Ecological Paint Removers\" \/>\n<div class=\"ibix-sand-content\">\n<div class=\"ibix-sand-id\">01<\/div>\n<div class=\"ibix-sand-indicator\"><\/div>\n<\/div>\n<\/div>\n<!-- Panel 2 -->\n<div class=\"ibix-sand-panel\" onclick=\"openLightbox(this)\"><img decoding=\"async\" src=\"https:\/\/antikorozyon.com\/wp-content\/uploads\/2025\/12\/16.png\" alt=\"Graffiti Cleaning &amp; Protection\" \/>\n<div class=\"ibix-sand-content\">\n<div class=\"ibix-sand-id\">02<\/div>\n<div class=\"ibix-sand-indicator\"><\/div>\n<\/div>\n<\/div>\n<!-- Panel 3 -->\n<div class=\"ibix-sand-panel\" onclick=\"openLightbox(this)\"><img decoding=\"async\" src=\"https:\/\/antikorozyon.com\/wp-content\/uploads\/2025\/12\/17.png\" alt=\"Corrosion Protection\" \/>\n<div class=\"ibix-sand-content\">\n<div class=\"ibix-sand-id\">03<\/div>\n<div class=\"ibix-sand-indicator\"><\/div>\n<\/div>\n<\/div>\n<!-- Panel 4 -->\n<div class=\"ibix-sand-panel\" onclick=\"openLightbox(this)\"><img decoding=\"async\" src=\"https:\/\/antikorozyon.com\/eng\/wp-content\/uploads\/sites\/2\/2025\/12\/Adsiz-tasarim-7.jpg\" alt=\"Water-Based Polyurethane Coatings\" \/>\n<div class=\"ibix-sand-content\">\n<div class=\"ibix-sand-id\">04<\/div>\n<div class=\"ibix-sand-indicator\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<!-- LIGHTBOX -->\n<div id=\"ibixLightbox\" class=\"ibix-lightbox-modal\" onclick=\"closeLightbox()\"><span class=\"ibix-close-btn\">\u00d7<\/span> <img class=\"ibix-lightbox-content\" id=\"ibixLightboxImg\" \/>\n<div id=\"ibixCaption\"><\/div>\n<\/div>\n<style>\n    \/* MAIN FRAME *\/\n    .ibix-sand-wrapper {\n        position: relative;\n        width: 100%;\n        height: 600px;\n        background-color: #f5f5f5;\n        font-family: 'Arial', sans-serif;\n        overflow: hidden;\n        border-radius: 4px;\n        box-shadow: 0 10px 40px rgba(0,0,0,0.2);\n        color: #fff;\n        transform: translateZ(0);\n    }\n\n    .ibix-sand-grid { display: none; }\n\n    \/* HEADER *\/\n    .ibix-sand-header {\n        position: absolute;\n        top: 25px; left: 25px; z-index: 30;\n        background: rgba(255, 255, 255, 0.98);\n        padding: 6px 20px 6px 6px;\n        border-radius: 4px;\n        display: flex; align-items: center; gap: 15px;\n        box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n        pointer-events: none;\n    }\n\n    \/* LOGO BOX *\/\n    .ibix-sand-logo-box {\n        width: 90px; \n        height: 85px; \n        background: #fff;\n        display: flex; \n        flex-direction: column; \n        align-items: center; \n        justify-content: center; \n        gap: 6px; \n        padding: 0 5px; \n        border-right: 3px solid #ffb700; \n    }\n\n    .ibix-sand-logo-item { \n        width: auto; \n        max-width: 90%; \n        height: auto;\n        max-height: 40%; \n        object-fit: contain; \n        display: block; \n    }\n\n    .ibix-sand-info { display: flex; flex-direction: column; justify-content: center; }\n    .ibix-sand-info h1 { font-family: 'Arial', sans-serif; font-size: 1.4rem; font-weight: 700; color: #111; margin: 0; line-height: 1; }\n    .ibix-sand-info .reg { font-size: 0.6rem; color: #ffb700; vertical-align: top; }\n    \n    .ibix-sand-meta { display: flex; align-items: center; gap: 8px; margin-top: 2px; }\n    \n    \/* D\u00dcZELTME: text-transform: uppercase kald\u0131r\u0131ld\u0131 \u00e7\u00fcnk\u00fc HTML i\u00e7inde manuel olarak b\u00fcy\u00fck yazd\u0131k *\/\n    .ibix-sand-meta span:last-child { \n        font-size: 0.7rem; \n        color: #333; \n        font-weight: 700; \n        letter-spacing: 0.5px; \n        \/* text-transform: uppercase; -> BU SATIR S\u0130L\u0130ND\u0130 *\/\n    }\n    \n    .sand-dot { width: 8px; height: 8px; background: #ffb700; border-radius: 50%; }\n\n    \/* STAGE & PANELS *\/\n    .ibix-sand-stage { display: flex; width: 100%; height: 100%; }\n\n    .ibix-sand-panel {\n        position: relative;\n        flex: 1;\n        height: 100%;\n        border-right: 1px solid rgba(255,255,255,0.3);\n        transition: flex 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n        overflow: hidden;\n        cursor: pointer;\n        background: #000;\n        will-change: flex; \n    }\n    .ibix-sand-panel:last-child { border-right: none; }\n\n    .ibix-sand-panel img {\n        width: 100%; height: 100%; object-fit: cover;\n        opacity: 1 !important; \n        filter: none !important;\n        transition: transform 0.6s ease;\n        transform: scale(1);\n    }\n\n    \/* CONTENT *\/\n    .ibix-sand-content {\n        position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;\n        pointer-events: none;\n        background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 30%);\n    }\n\n    .ibix-sand-id {\n        position: absolute; top: 30px; right: 30px;\n        font-family: 'Arial', sans-serif; font-size: 1.4rem;\n        color: #fff; font-weight: 700; \n        text-shadow: 0 1px 3px rgba(0,0,0,0.8);\n    }\n\n    .ibix-sand-indicator { position: absolute; bottom: 0; left: 0; width: 0%; height: 5px; background: #ffb700; transition: 0.4s; }\n\n    \/* --- HOVER EFFECTS --- *\/\n    .ibix-sand-panel:hover { flex: 4; }\n    .ibix-sand-panel:hover img { transform: scale(1.05); }\n    .ibix-sand-panel:hover .ibix-sand-id { color: #ffb700; transform: scale(1.1); transition: 0.3s; }\n    .ibix-sand-panel:hover .ibix-sand-indicator { width: 100%; }\n\n    \/* --- LIGHTBOX --- *\/\n    .ibix-lightbox-modal {\n        display: none; \n        position: fixed; z-index: 9999; padding-top: 50px; \n        left: 0; top: 0; width: 100%; height: 100%; \n        overflow: auto; \n        background-color: rgba(0,0,0,0.9);\n        align-items: center; justify-content: center; flex-direction: column;\n    }\n\n    .ibix-lightbox-content {\n        margin: auto; display: block;\n        max-width: 90%; max-height: 80vh;\n        border: 2px solid #ffb700;\n        border-radius: 4px;\n        box-shadow: 0 0 30px rgba(0,0,0,0.8);\n        animation: simpleZoom 0.3s ease-out;\n    }\n\n    @keyframes simpleZoom { from {transform:scale(0.9); opacity: 0;} to {transform:scale(1); opacity: 1;} }\n\n    .ibix-close-btn {\n        position: absolute; top: 20px; right: 35px;\n        color: #fff; font-size: 40px; font-weight: bold;\n        transition: 0.2s; cursor: pointer; z-index: 10000;\n    }\n    .ibix-close-btn:hover { color: #ffb700; }\n\n    #ibixCaption {\n        margin: auto; display: block; width: 80%; max-width: 700px; text-align: center;\n        color: #fff; padding: 15px 0; font-family: 'Arial', sans-serif; font-size: 1.2rem;\n    }\n\n    \/* MOBILE *\/\n    @media (max-width: 900px) {\n        .ibix-sand-wrapper { height: auto; min-height: 600px; }\n        .ibix-sand-stage { flex-direction: column; }\n        .ibix-sand-panel { width: 100%; height: 150px; border-right: none; border-bottom: 1px solid rgba(255,255,255,0.5); }\n        .ibix-sand-panel:hover { flex: 3; }\n        .ibix-sand-header { position: relative; top: 0; left: 0; margin: 20px; width: auto; display: inline-flex; }\n        .ibix-sand-id { display: none; }\n    }\n<\/style>\n<script>\n    function openLightbox(element) {\n        var modal = document.getElementById(\"ibixLightbox\");\n        var modalImg = document.getElementById(\"ibixLightboxImg\");\n        var captionText = document.getElementById(\"ibixCaption\");\n        \n        var img = element.querySelector('img');\n        var altText = img.alt;\n        \n        modal.style.display = \"flex\";\n        modalImg.src = img.src;\n        captionText.innerHTML = altText;\n    }\n\n    function closeLightbox() {\n        var modal = document.getElementById(\"ibixLightbox\");\n        modal.style.display = \"none\";\n    }\n<\/script>\n\n\n\n<BR><BR>\n\n\n\n<!-- Google Fonts -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@400;700&amp;family=Chakra+Petch:wght@400;600;700&amp;display=swap\" rel=\"stylesheet\" \/>\n\n<!-- D\u00dcZELTME: lang=\"en\" eklendi -->\n<div class=\"ibix-sand-wrapper\" lang=\"en\">\n    <!-- BACKGROUND TEXTURE -->\n    <div class=\"ibix-sand-grid\"><\/div>\n\n    <!-- HEADER: BRAND & LOGO -->\n    <div class=\"ibix-sand-header\">\n        <div class=\"ibix-sand-logo-box\">\n            <img decoding=\"async\" src=\"https:\/\/antikorozyon.com\/wp-content\/uploads\/2025\/12\/rd-coatings.jpeg\" alt=\"RD Logo\" class=\"ibix-sand-main-logo\" \/>\n        <\/div>\n        <div class=\"ibix-sand-info\">\n            <h1>RD COATINGS<span class=\"reg\">\u00ae<\/span><\/h1>\n            <!-- D\u00dcZELTME: Metin manuel olarak \u0130ngilizce b\u00fcy\u00fck harflerle yaz\u0131ld\u0131 -->\n            <div class=\"ibix-sand-meta\"><span class=\"sand-dot\"><\/span> <span>WATER-BASED POLYURETHANE &#038; ACRYLIC COATINGS<\/span><\/div>\n        <\/div>\n    <\/div>\n\n    <!-- CONTENT AREA -->\n    <div class=\"ibix-sand-stage\">\n        \n        <!-- Panel 1 -->\n        <div class=\"ibix-sand-panel\" onclick=\"openLightbox(this)\">\n            <img decoding=\"async\" src=\"https:\/\/antikorozyon.com\/wp-content\/uploads\/2025\/12\/1.png\" alt=\"Polyurethane\" \/>\n            <div class=\"ibix-sand-content\">\n                <div class=\"ibix-sand-id\">01<\/div>\n                <div class=\"ibix-sand-indicator\"><\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Panel 2 -->\n        <div class=\"ibix-sand-panel\" onclick=\"openLightbox(this)\">\n            <img decoding=\"async\" src=\"https:\/\/antikorozyon.com\/wp-content\/uploads\/2025\/12\/2.png\" alt=\"Acrylic\" \/>\n            <div class=\"ibix-sand-content\">\n                <div class=\"ibix-sand-id\">02<\/div>\n                <div class=\"ibix-sand-indicator\"><\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Panel 3 -->\n        <div class=\"ibix-sand-panel\" onclick=\"openLightbox(this)\">\n            <img decoding=\"async\" src=\"https:\/\/antikorozyon.com\/wp-content\/uploads\/2025\/12\/3.png\" alt=\"Anti-Rust\" \/>\n            <div class=\"ibix-sand-content\">\n                <div class=\"ibix-sand-id\">03<\/div>\n                <div class=\"ibix-sand-indicator\"><\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Panel 4 -->\n        <div class=\"ibix-sand-panel\" onclick=\"openLightbox(this)\">\n            <img decoding=\"async\" src=\"https:\/\/antikorozyon.com\/eng\/wp-content\/uploads\/sites\/2\/2025\/12\/Adsiz-tasarim-6.jpg\" alt=\"Industrial\" \/>\n            <div class=\"ibix-sand-content\">\n                <div class=\"ibix-sand-id\">04<\/div>\n                <div class=\"ibix-sand-indicator\"><\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Panel 5 -->\n        <div class=\"ibix-sand-panel\" onclick=\"openLightbox(this)\">\n            <img decoding=\"async\" src=\"https:\/\/antikorozyon.com\/wp-content\/uploads\/2025\/12\/5.png\" alt=\"Water-Based\" \/>\n            <div class=\"ibix-sand-content\">\n                <div class=\"ibix-sand-id\">05<\/div>\n                <div class=\"ibix-sand-indicator\"><\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Panel 6 -->\n        <div class=\"ibix-sand-panel\" onclick=\"openLightbox(this)\">\n            <img decoding=\"async\" src=\"https:\/\/antikorozyon.com\/wp-content\/uploads\/2025\/12\/6.png\" alt=\"Insulation\" \/>\n            <div class=\"ibix-sand-content\">\n                <div class=\"ibix-sand-id\">06<\/div>\n                <div class=\"ibix-sand-indicator\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- LIGHTBOX -->\n<div id=\"ibixLightbox\" class=\"ibix-lightbox-modal\" onclick=\"closeLightbox()\">\n    <span class=\"ibix-close-btn\">&times;<\/span>\n    <img class=\"ibix-lightbox-content\" id=\"ibixLightboxImg\">\n    <div id=\"ibixCaption\"><\/div>\n<\/div>\n\n<style>\n    \/* MAIN FRAME *\/\n    .ibix-sand-wrapper {\n        position: relative;\n        width: 100%;\n        height: 600px;\n        background-color: #f5f5f5;\n        font-family: 'Arial', sans-serif;\n        overflow: hidden;\n        border-radius: 4px;\n        box-shadow: 0 10px 40px rgba(0,0,0,0.2);\n        color: #fff;\n        transform: translateZ(0);\n    }\n\n    .ibix-sand-grid { display: none; }\n\n    \/* HEADER *\/\n    .ibix-sand-header {\n        position: absolute;\n        top: 25px; left: 25px; z-index: 30;\n        background: rgba(255, 255, 255, 0.98);\n        padding: 6px 20px 6px 6px;\n        border-radius: 4px;\n        display: flex; align-items: center; gap: 15px;\n        box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n        pointer-events: none;\n    }\n\n    .ibix-sand-logo-box {\n        width: 80px; height: 55px; background: #fff;\n        display: flex; align-items: center; justify-content: center;\n        border-right: 3px solid #ffb700; padding-right: 10px;\n    }\n\n    .ibix-sand-main-logo { width: 100%; height: 100%; object-fit: contain; display: block; }\n    .ibix-sand-info { display: flex; flex-direction: column; justify-content: center; }\n    .ibix-sand-info h1 { font-family: 'Arial', sans-serif; font-size: 1.4rem; font-weight: 700; color: #111; margin: 0; line-height: 1; }\n    .ibix-sand-info .reg { font-size: 0.6rem; color: #ffb700; vertical-align: top; }\n    \n    .ibix-sand-meta { display: flex; align-items: center; gap: 8px; margin-top: 2px; }\n    \n    \/* D\u00dcZELTME: text-transform uppercase kald\u0131r\u0131ld\u0131 *\/\n    .ibix-sand-meta span:last-child { \n        font-size: 0.7rem; \n        color: #333; \n        font-weight: 700; \n        letter-spacing: 0.5px; \n        \/* text-transform: uppercase; -> S\u0130L\u0130ND\u0130 *\/\n    }\n    \n    .sand-dot { width: 8px; height: 8px; background: #ffb700; border-radius: 50%; }\n\n    \/* STAGE & PANELS *\/\n    .ibix-sand-stage { display: flex; width: 100%; height: 100%; }\n\n    .ibix-sand-panel {\n        position: relative;\n        flex: 1;\n        height: 100%;\n        border-right: 1px solid rgba(255,255,255,0.3);\n        transition: flex 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n        overflow: hidden;\n        cursor: pointer;\n        background: #000;\n        will-change: flex; \n    }\n    .ibix-sand-panel:last-child { border-right: none; }\n\n    .ibix-sand-panel img {\n        width: 100%; height: 100%; object-fit: cover;\n        opacity: 1 !important; \n        filter: none !important; \n        transition: transform 0.6s ease;\n        transform: scale(1);\n    }\n\n    \/* CONTENT *\/\n    .ibix-sand-content {\n        position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;\n        pointer-events: none;\n        background: linear-gradient(to top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 20%);\n    }\n\n    .ibix-sand-id {\n        position: absolute; top: 30px; right: 30px;\n        font-family: 'Arial', sans-serif; font-size: 1.4rem;\n        color: #fff; font-weight: 700; \n        text-shadow: 0 1px 3px rgba(0,0,0,0.8);\n    }\n\n    .ibix-sand-indicator { position: absolute; bottom: 0; left: 0; width: 0%; height: 5px; background: #ffb700; transition: 0.4s; }\n\n    \/* --- HOVER EFFECTS --- *\/\n    \n    .ibix-sand-panel:hover {\n        flex: 6; \n    }\n\n    .ibix-sand-panel:hover img { \n        transform: scale(1.05);\n    }\n    \n    .ibix-sand-panel:hover .ibix-sand-id { color: #ffb700; transform: scale(1.1); transition: 0.3s; }\n    .ibix-sand-panel:hover .ibix-sand-indicator { width: 100%; }\n\n    \/* --- LIGHTBOX --- *\/\n    .ibix-lightbox-modal {\n        display: none; \n        position: fixed; z-index: 9999; padding-top: 50px; \n        left: 0; top: 0; width: 100%; height: 100%; \n        overflow: auto; \n        background-color: rgba(0,0,0,0.9);\n        align-items: center; justify-content: center; flex-direction: column;\n    }\n\n    .ibix-lightbox-content {\n        margin: auto; display: block;\n        max-width: 90%; max-height: 80vh;\n        border: 2px solid #ffb700;\n        border-radius: 4px;\n        box-shadow: 0 0 30px rgba(0,0,0,0.8);\n        animation: simpleZoom 0.3s ease-out;\n    }\n\n    @keyframes simpleZoom {\n        from {transform:scale(0.9); opacity: 0;} to {transform:scale(1); opacity: 1;}\n    }\n\n    .ibix-close-btn {\n        position: absolute; top: 20px; right: 35px;\n        color: #fff; font-size: 40px; font-weight: bold;\n        transition: 0.2s; cursor: pointer; z-index: 10000;\n    }\n    .ibix-close-btn:hover { color: #ffb700; }\n\n    #ibixCaption {\n        margin: auto; display: block; width: 80%; max-width: 700px; text-align: center;\n        color: #fff; padding: 15px 0; font-family: 'Arial', sans-serif; font-size: 1.2rem;\n    }\n\n    \/* MOBILE *\/\n    @media (max-width: 900px) {\n        .ibix-sand-wrapper { height: auto; min-height: 600px; }\n        .ibix-sand-stage { flex-direction: column; }\n        .ibix-sand-panel { width: 100%; height: 100px; border-right: none; border-bottom: 1px solid rgba(255,255,255,0.5); }\n        .ibix-sand-panel:hover { flex: 5; }\n        .ibix-sand-header { position: relative; top: 0; left: 0; margin: 20px; width: auto; display: inline-flex; }\n        .ibix-sand-id { display: none; }\n    }\n<\/style>\n\n<script>\n    function openLightbox(element) {\n        var modal = document.getElementById(\"ibixLightbox\");\n        var modalImg = document.getElementById(\"ibixLightboxImg\");\n        var captionText = document.getElementById(\"ibixCaption\");\n        \n        var img = element.querySelector('img');\n        var altText = img.alt;\n        \n        modal.style.display = \"flex\";\n        modalImg.src = img.src;\n        captionText.innerHTML = altText;\n    }\n\n    function closeLightbox() {\n        var modal = document.getElementById(\"ibixLightbox\");\n        modal.style.display = \"none\";\n    }\n<\/script>\n\n\n\n<BR><BR>\n\n\n\n<!-- Google Fonts -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@400;700&amp;family=Chakra+Petch:wght@400;600;700&amp;display=swap\" rel=\"stylesheet\" \/>\n\n<!-- D\u00dcZELTME: lang=\"en\" eklendi -->\n<div class=\"ibix-sand-wrapper\" lang=\"en\">\n    <!-- BACKGROUND TEXTURE -->\n    <div class=\"ibix-sand-grid\"><\/div>\n\n    <!-- HEADER: BRAND & LOGO -->\n    <div class=\"ibix-sand-header\">\n        <div class=\"ibix-sand-logo-box\">\n            <img decoding=\"async\" src=\"https:\/\/antikorozyon.com\/wp-content\/uploads\/2025\/12\/86034037d34b03831ee96bae86257004-1-2.jpg\" alt=\"IBIX System Logo\" class=\"ibix-sand-main-logo\" \/>\n        <\/div>\n        <div class=\"ibix-sand-info\">\n            <h1>IBIX<span class=\"reg\">\u00ae<\/span><\/h1>\n            <!-- D\u00dcZELTME: Metin manuel olarak \u0130ngilizce b\u00fcy\u00fck harflerle kontrol edildi -->\n            <div class=\"ibix-sand-meta\"><span class=\"sand-dot\"><\/span> <span>THERMOPLASTIC COATING SYSTEMS<\/span><\/div>\n        <\/div>\n    <\/div>\n\n    <!-- CONTENT AREA (3 Panels) -->\n    <div class=\"ibix-sand-stage\">\n        \n        <!-- Panel 1 -->\n        <div class=\"ibix-sand-panel\" onclick=\"openLightbox(this)\">\n            <img decoding=\"async\" src=\"https:\/\/antikorozyon.com\/wp-content\/uploads\/2025\/12\/7.png\" alt=\"System - Precision Surface Treatment\" \/>\n            <div class=\"ibix-sand-content\">\n                <div class=\"ibix-sand-id\">01<\/div>\n                <div class=\"ibix-sand-indicator\"><\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Panel 2 -->\n        <div class=\"ibix-sand-panel\" onclick=\"openLightbox(this)\">\n            <img decoding=\"async\" src=\"https:\/\/antikorozyon.com\/wp-content\/uploads\/2025\/12\/14.png\" alt=\"Application - Thermal Spraying\" \/>\n            <div class=\"ibix-sand-content\">\n                <div class=\"ibix-sand-id\">02<\/div>\n                <div class=\"ibix-sand-indicator\"><\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Panel 3 -->\n        <div class=\"ibix-sand-panel\" onclick=\"openLightbox(this)\">\n            <img decoding=\"async\" src=\"https:\/\/antikorozyon.com\/wp-content\/uploads\/2025\/12\/13.png\" alt=\"Result - Perfect Adhesion\" \/>\n            <div class=\"ibix-sand-content\">\n                <div class=\"ibix-sand-id\">03<\/div>\n                <div class=\"ibix-sand-indicator\"><\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<!-- LIGHTBOX (IMAGE MODAL AREA) -->\n<div id=\"ibixLightbox\" class=\"ibix-lightbox-modal\" onclick=\"closeLightbox()\">\n    <span class=\"ibix-close-btn\">&times;<\/span>\n    <img class=\"ibix-lightbox-content\" id=\"ibixLightboxImg\">\n    <div id=\"ibixCaption\"><\/div>\n<\/div>\n\n<style>\n    \/* MAIN FRAME *\/\n    .ibix-sand-wrapper {\n        position: relative;\n        width: 100%;\n        height: 600px;\n        background-color: #1a1a1a; \/* Industrial dark background *\/\n        font-family: 'Arial', sans-serif;\n        overflow: hidden;\n        border-radius: 4px;\n        box-shadow: 0 15px 50px rgba(0,0,0,0.5);\n        color: #fff;\n        transform: translateZ(0); \/* GPU Acceleration *\/\n    }\n\n    .ibix-sand-grid { display: none; } \/* Grid hidden for clean look *\/\n\n    \/* HEADER *\/\n    .ibix-sand-header {\n        position: absolute;\n        top: 25px; left: 25px; z-index: 30;\n        background: rgba(255, 255, 255, 0.95);\n        padding: 6px 20px 6px 6px;\n        border-radius: 4px;\n        display: flex; align-items: center; gap: 15px;\n        box-shadow: 0 5px 20px rgba(0,0,0,0.3);\n        pointer-events: none;\n    }\n\n    .ibix-sand-logo-box {\n        width: 80px; height: 55px; background: #fff;\n        display: flex; align-items: center; justify-content: center;\n        border-right: 3px solid #ffb700; padding-right: 10px;\n    }\n\n    .ibix-sand-main-logo { width: 100%; height: 100%; object-fit: contain; display: block; }\n    .ibix-sand-info { display: flex; flex-direction: column; justify-content: center; }\n    .ibix-sand-info h1 { font-family: 'Arial', sans-serif; font-size: 1.4rem; font-weight: 700; color: #111; margin: 0; line-height: 1; }\n    .ibix-sand-info .reg { font-size: 0.6rem; color: #ffb700; vertical-align: top; }\n    \n    .ibix-sand-meta { display: flex; align-items: center; gap: 8px; margin-top: 2px; }\n    \n    \/* D\u00dcZELTME: text-transform: uppercase kald\u0131r\u0131ld\u0131 *\/\n    .ibix-sand-meta span:last-child { \n        font-size: 0.7rem; \n        color: #333; \n        font-weight: 700; \n        letter-spacing: 0.5px; \n        \/* text-transform: uppercase; -> S\u0130L\u0130ND\u0130 *\/\n    }\n    \n    .sand-dot { width: 8px; height: 8px; background: #ffb700; border-radius: 50%; }\n\n    \/* STAGE & PANELS *\/\n    .ibix-sand-stage { display: flex; width: 100%; height: 100%; }\n\n    .ibix-sand-panel {\n        position: relative;\n        flex: 1;\n        height: 100%;\n        border-right: 1px solid rgba(255,255,255,0.2);\n        transition: flex 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n        overflow: hidden;\n        cursor: pointer;\n        background: #000;\n        will-change: flex;\n    }\n    .ibix-sand-panel:last-child { border-right: none; }\n\n    .ibix-sand-panel img {\n        width: 100%; height: 100%; object-fit: cover;\n        \/* --- VIBRANCY SETTINGS --- *\/\n        opacity: 1 !important; \/* Always fully visible *\/\n        filter: none !important; \/* No gray filter *\/\n        transition: transform 0.6s ease;\n        transform: scale(1);\n    }\n\n    \/* CONTENT AREA *\/\n    .ibix-sand-content {\n        position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;\n        padding: 40px; box-sizing: border-box;\n        display: flex; flex-direction: column; justify-content: flex-end;\n        z-index: 10; pointer-events: none;\n        \/* Very light shadow so text is readable only at the bottom *\/\n        background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 30%);\n    }\n\n    .ibix-sand-id {\n        position: absolute; top: 40px; right: 40px;\n        font-family: 'Arial', sans-serif; font-size: 1.5rem;\n        color: #fff; font-weight: 700; \n        text-shadow: 0 2px 5px rgba(0,0,0,0.8);\n        border: 1px solid rgba(255,255,255,0.4); \n        padding: 5px 10px; border-radius: 4px;\n        background: rgba(0,0,0,0.3);\n    }\n\n    .ibix-sand-indicator { position: absolute; bottom: 0; left: 0; width: 0%; height: 5px; background: #ffb700; transition: 0.4s; }\n\n    \/* --- HOVER EFFECTS --- *\/\n    \n    .ibix-sand-panel:hover {\n        flex: 6; \/* Smooth expansion *\/\n    }\n\n    .ibix-sand-panel:hover img {\n        \/* No color change, just slight zoom *\/\n        transform: scale(1.05);\n    }\n\n    .ibix-sand-panel:hover .ibix-sand-id { \n        background: #ffb700; color: #000; border-color: #ffb700; \n        transform: scale(1.1); transition: 0.3s; \n    }\n    \n    .ibix-sand-panel:hover .ibix-sand-indicator { width: 100%; }\n\n    \/* --- LIGHTBOX (MODAL) --- *\/\n    .ibix-lightbox-modal {\n        display: none; \n        position: fixed; z-index: 9999; padding-top: 50px; \n        left: 0; top: 0; width: 100%; height: 100%; \n        overflow: auto; \n        background-color: rgba(0,0,0,0.9); \/* Solid black background *\/\n        align-items: center; justify-content: center; flex-direction: column;\n    }\n\n    .ibix-lightbox-content {\n        margin: auto; display: block;\n        max-width: 90%; max-height: 80vh;\n        border: 2px solid #ffb700;\n        border-radius: 4px;\n        box-shadow: 0 0 30px rgba(0,0,0,0.8);\n        animation: simpleZoom 0.3s ease-out;\n    }\n\n    @keyframes simpleZoom {\n        from {transform:scale(0.9); opacity: 0;} to {transform:scale(1); opacity: 1;}\n    }\n\n    .ibix-close-btn {\n        position: absolute; top: 20px; right: 35px;\n        color: #fff; font-size: 40px; font-weight: bold;\n        transition: 0.2s; cursor: pointer; z-index: 10000;\n    }\n    .ibix-close-btn:hover { color: #ffb700; }\n\n    #ibixCaption {\n        margin: auto; display: block; width: 80%; max-width: 700px; text-align: center;\n        color: #fff; padding: 15px 0; font-family: 'Arial', sans-serif; font-size: 1.2rem;\n    }\n\n    \/* MOBILE *\/\n    @media (max-width: 900px) {\n        .ibix-sand-wrapper { height: auto; min-height: 600px; }\n        .ibix-sand-stage { flex-direction: column; }\n        .ibix-sand-panel { width: 100%; height: 200px; border-right: none; border-bottom: 1px solid rgba(255,255,255,0.2); }\n        .ibix-sand-panel:hover { flex: 4; }\n        .ibix-sand-header { position: relative; top: 0; left: 0; margin: 20px; width: auto; display: inline-flex; }\n        .ibix-sand-id { display: none; }\n    }\n<\/style>\n\n<script>\n    function openLightbox(element) {\n        var modal = document.getElementById(\"ibixLightbox\");\n        var modalImg = document.getElementById(\"ibixLightboxImg\");\n        var captionText = document.getElementById(\"ibixCaption\");\n        \n        var img = element.querySelector('img');\n        var altText = img.alt;\n        \n        modal.style.display = \"flex\";\n        modalImg.src = img.src;\n        captionText.innerHTML = altText;\n    }\n\n    function closeLightbox() {\n        var modal = document.getElementById(\"ibixLightbox\");\n        modal.style.display = \"none\";\n    }\n<\/script>\n\n\n\n<br><br>\n\n\n\n<!-- Google Fonts -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@400;700&amp;family=Chakra+Petch:wght@400;600;700&amp;display=swap\" rel=\"stylesheet\" \/>\n\n<!-- D\u00dcZELTME: lang=\"en\" eklendi -->\n<div class=\"ibix-sand-wrapper\" lang=\"en\">\n    <!-- BACKGROUND TEXTURE -->\n    <div class=\"ibix-sand-grid\"><\/div>\n\n    <!-- HEADER: BRAND & LOGO -->\n    <div class=\"ibix-sand-header\">\n        <div class=\"ibix-sand-logo-box\">\n            <!-- ROVAL LOGO -->\n            <img decoding=\"async\" src=\"https:\/\/antikorozyon.com\/wp-content\/uploads\/2025\/12\/3-1.png\" alt=\"Roval Logo\" class=\"ibix-sand-main-logo\" \/>\n        <\/div>\n        <div class=\"ibix-sand-info\">\n            <h1>ROVAL<span class=\"reg\">\u00ae<\/span><\/h1>\n            <!-- D\u00dcZELTME: Metin manuel olarak \u0130ngilizce b\u00fcy\u00fck harflerle (Noktas\u0131z I) yaz\u0131ld\u0131 -->\n            <div class=\"ibix-sand-meta\"><span class=\"sand-dot\"><\/span> <span>COLD GALVANIZING<\/span><\/div>\n        <\/div>\n    <\/div>\n\n    <!-- CONTENT AREA (3 Panels) -->\n    <div class=\"ibix-sand-stage\">\n        \n        <!-- Panel 1 -->\n        <div class=\"ibix-sand-panel\" onclick=\"openLightbox(this)\">\n            <img decoding=\"async\" src=\"https:\/\/antikorozyon.com\/eng\/wp-content\/uploads\/sites\/2\/2025\/12\/Ready-to-use-Package.jpg\" alt=\"Equipment - Mobile Spray Unit\" \/>\n            <div class=\"ibix-sand-content\">\n                <div class=\"ibix-sand-id\">01<\/div>\n                <div class=\"ibix-sand-indicator\"><\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Panel 2 -->\n        <div class=\"ibix-sand-panel\" onclick=\"openLightbox(this)\">\n            <img decoding=\"async\" src=\"https:\/\/antikorozyon.com\/wp-content\/uploads\/2025\/12\/9.png\" alt=\"Application - Precision Surface Coating\" \/>\n            <div class=\"ibix-sand-content\">\n                <div class=\"ibix-sand-id\">02<\/div>\n                <div class=\"ibix-sand-indicator\"><\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<!-- LIGHTBOX (IMAGE MODAL AREA) -->\n<div id=\"ibixLightbox\" class=\"ibix-lightbox-modal\" onclick=\"closeLightbox()\">\n    <span class=\"ibix-close-btn\">&times;<\/span>\n    <img class=\"ibix-lightbox-content\" id=\"ibixLightboxImg\">\n    <div id=\"ibixCaption\"><\/div>\n<\/div>\n\n<style>\n    \/* MAIN FRAME *\/\n    .ibix-sand-wrapper {\n        position: relative;\n        width: 100%;\n        height: 600px;\n        background-color: #1a1a1a; \/* Industrial Dark Background *\/\n        font-family: 'Arial', sans-serif;\n        overflow: hidden;\n        border-radius: 4px;\n        box-shadow: 0 15px 50px rgba(0,0,0,0.5);\n        color: #fff;\n        transform: translateZ(0); \/* GPU Acceleration *\/\n    }\n\n    .ibix-sand-grid { display: none; } \/* Clean look *\/\n\n    \/* HEADER *\/\n    .ibix-sand-header {\n        position: absolute;\n        top: 25px; left: 25px; z-index: 30;\n        background: rgba(255, 255, 255, 0.95);\n        padding: 6px 20px 6px 6px;\n        border-radius: 4px;\n        display: flex; align-items: center; gap: 15px;\n        box-shadow: 0 5px 20px rgba(0,0,0,0.3);\n        pointer-events: none;\n    }\n\n    .ibix-sand-logo-box {\n        width: 80px; height: 55px; background: #fff;\n        display: flex; align-items: center; justify-content: center;\n        border-right: 3px solid #ffb700; padding-right: 10px;\n    }\n\n    .ibix-sand-main-logo { width: 100%; height: 100%; object-fit: contain; display: block; }\n    .ibix-sand-info { display: flex; flex-direction: column; justify-content: center; }\n    .ibix-sand-info h1 { font-family: 'Arial', sans-serif; font-size: 1.4rem; font-weight: 700; color: #111; margin: 0; line-height: 1; }\n    .ibix-sand-info .reg { font-size: 0.6rem; color: #ffb700; vertical-align: top; }\n    \n    .ibix-sand-meta { display: flex; align-items: center; gap: 8px; margin-top: 2px; }\n    \n    \/* D\u00dcZELTME: text-transform: uppercase kald\u0131r\u0131ld\u0131 *\/\n    .ibix-sand-meta span:last-child { \n        font-size: 0.7rem; \n        color: #333; \n        font-weight: 700; \n        letter-spacing: 0.5px; \n        \/* text-transform: uppercase; -> S\u0130L\u0130ND\u0130 *\/\n    }\n    \n    .sand-dot { width: 8px; height: 8px; background: #ffb700; border-radius: 50%; }\n\n    \/* STAGE & PANELS *\/\n    .ibix-sand-stage { display: flex; width: 100%; height: 100%; }\n\n    .ibix-sand-panel {\n        position: relative;\n        flex: 1;\n        height: 100%;\n        border-right: 1px solid rgba(255,255,255,0.2);\n        transition: flex 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n        overflow: hidden;\n        cursor: pointer;\n        background: #000;\n        will-change: flex;\n    }\n    .ibix-sand-panel:last-child { border-right: none; }\n\n    .ibix-sand-panel img {\n        width: 100%; height: 100%; object-fit: cover;\n        \/* --- VIBRANCY SETTINGS --- *\/\n        opacity: 1 !important; \/* Always fully visible *\/\n        filter: none !important; \/* No gray filter *\/\n        transition: transform 0.6s ease;\n        transform: scale(1);\n    }\n\n    \/* CONTENT AREA *\/\n    .ibix-sand-content {\n        position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;\n        padding: 40px; box-sizing: border-box;\n        display: flex; flex-direction: column; justify-content: flex-end;\n        z-index: 10; pointer-events: none;\n        background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 30%);\n    }\n\n    .ibix-sand-id {\n        position: absolute; top: 40px; right: 40px;\n        font-family: 'Arial', sans-serif; font-size: 1.5rem;\n        color: #fff; font-weight: 700; \n        text-shadow: 0 2px 5px rgba(0,0,0,0.8);\n        border: 1px solid rgba(255,255,255,0.4); \n        padding: 5px 10px; border-radius: 4px;\n        background: rgba(0,0,0,0.3);\n    }\n\n    .ibix-sand-indicator { position: absolute; bottom: 0; left: 0; width: 0%; height: 5px; background: #ffb700; transition: 0.4s; }\n\n    \/* --- HOVER EFFECTS --- *\/\n    \n    .ibix-sand-panel:hover {\n        flex: 6; \/* Smooth expansion *\/\n    }\n\n    .ibix-sand-panel:hover img {\n        \/* No color change, just slight zoom *\/\n        transform: scale(1.05);\n    }\n\n    .ibix-sand-panel:hover .ibix-sand-id { \n        background: #ffb700; color: #000; border-color: #ffb700; \n        transform: scale(1.1); transition: 0.3s; \n    }\n    \n    .ibix-sand-panel:hover .ibix-sand-indicator { width: 100%; }\n\n    \/* --- LIGHTBOX (MODAL) --- *\/\n    .ibix-lightbox-modal {\n        display: none; \n        position: fixed; z-index: 9999; padding-top: 50px; \n        left: 0; top: 0; width: 100%; height: 100%; \n        overflow: auto; \n        background-color: rgba(0,0,0,0.9); \/* Solid black background *\/\n        align-items: center; justify-content: center; flex-direction: column;\n    }\n\n    .ibix-lightbox-content {\n        margin: auto; display: block;\n        max-width: 90%; max-height: 80vh;\n        border: 2px solid #ffb700;\n        border-radius: 4px;\n        box-shadow: 0 0 30px rgba(0,0,0,0.8);\n        animation: simpleZoom 0.3s ease-out;\n    }\n\n    @keyframes simpleZoom {\n        from {transform:scale(0.9); opacity: 0;} to {transform:scale(1); opacity: 1;}\n    }\n\n    .ibix-close-btn {\n        position: absolute; top: 20px; right: 35px;\n        color: #fff; font-size: 40px; font-weight: bold;\n        transition: 0.2s; cursor: pointer; z-index: 10000;\n    }\n    .ibix-close-btn:hover { color: #ffb700; }\n\n    #ibixCaption {\n        margin: auto; display: block; width: 80%; max-width: 700px; text-align: center;\n        color: #fff; padding: 15px 0; font-family: 'Arial', sans-serif; font-size: 1.2rem;\n    }\n\n    \/* MOBILE *\/\n    @media (max-width: 900px) {\n        .ibix-sand-wrapper { height: auto; min-height: 600px; }\n        .ibix-sand-stage { flex-direction: column; }\n        .ibix-sand-panel { width: 100%; height: 200px; border-right: none; border-bottom: 1px solid rgba(255,255,255,0.2); }\n        .ibix-sand-panel:hover { flex: 4; }\n        .ibix-sand-header { position: relative; top: 0; left: 0; margin: 20px; width: auto; display: inline-flex; }\n        .ibix-sand-id { display: none; }\n    }\n<\/style>\n\n<script>\n    function openLightbox(element) {\n        var modal = document.getElementById(\"ibixLightbox\");\n        var modalImg = document.getElementById(\"ibixLightboxImg\");\n        var captionText = document.getElementById(\"ibixCaption\");\n        \n        var img = element.querySelector('img');\n        var altText = img.alt;\n        \n        modal.style.display = \"flex\";\n        modalImg.src = img.src;\n        captionText.innerHTML = altText;\n    }\n\n    function closeLightbox() {\n        var modal = document.getElementById(\"ibixLightbox\");\n        modal.style.display = \"none\";\n    }\n<\/script>\n\n\n\n<br><br>\n\n\n\n<!-- Google Fonts -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@400;700&amp;family=Chakra+Petch:wght@400;600;700&amp;display=swap\" rel=\"stylesheet\" \/>\n\n<!-- D\u00dcZELTME: lang=\"en\" eklendi -->\n<div class=\"ibix-sand-wrapper\" lang=\"en\">\n    <!-- BACKGROUND TEXTURE -->\n    <div class=\"ibix-sand-grid\"><\/div>\n\n    <!-- HEADER: BRAND & LOGO -->\n    <div class=\"ibix-sand-header\">\n        <div class=\"ibix-sand-logo-box\">\n            <!-- IBIX LOGO -->\n            <img decoding=\"async\" src=\"https:\/\/antikorozyon.com\/wp-content\/uploads\/2025\/12\/86034037d34b03831ee96bae86257004-1-2.jpg\" alt=\"IBIX Sandblasting Logo\" class=\"ibix-sand-main-logo\" \/>\n        <\/div>\n        <div class=\"ibix-sand-info\">\n            <h1>IBIX<span class=\"reg\">\u00ae<\/span><\/h1>\n            <!-- D\u00dcZELTME: Metin manuel olarak \u0130ngilizce b\u00fcy\u00fck harflerle (Noktas\u0131z I) yaz\u0131ld\u0131 -->\n            <div class=\"ibix-sand-meta\"><span class=\"sand-dot\"><\/span> <span>MICRO SANDBLASTING SYSTEMS<\/span><\/div>\n        <\/div>\n    <\/div>\n\n    <!-- CONTENT AREA (3 Panels) -->\n    <div class=\"ibix-sand-stage\">\n        \n        <!-- Panel 1 -->\n        <div class=\"ibix-sand-panel\" onclick=\"openLightbox(this)\">\n            <img decoding=\"async\" src=\"https:\/\/antikorozyon.com\/wp-content\/uploads\/2025\/12\/10.png\" alt=\"System - Precision Sandblasting Unit\" \/>\n            <div class=\"ibix-sand-content\">\n                <div class=\"ibix-sand-id\">01<\/div>\n                <div class=\"ibix-sand-indicator\"><\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Panel 2 -->\n        <div class=\"ibix-sand-panel\" onclick=\"openLightbox(this)\">\n            <img decoding=\"async\" src=\"https:\/\/antikorozyon.com\/wp-content\/uploads\/2025\/12\/11.png\" alt=\"Application - Surface Preparation\" \/>\n            <div class=\"ibix-sand-content\">\n                <div class=\"ibix-sand-id\">02<\/div>\n                <div class=\"ibix-sand-indicator\"><\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Panel 3 -->\n        <div class=\"ibix-sand-panel\" onclick=\"openLightbox(this)\">\n            <img decoding=\"async\" src=\"https:\/\/antikorozyon.com\/wp-content\/uploads\/2025\/12\/12.png\" alt=\"Result - Perfect Surface Roughness\" \/>\n            <div class=\"ibix-sand-content\">\n                <div class=\"ibix-sand-id\">03<\/div>\n                <div class=\"ibix-sand-indicator\"><\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<!-- LIGHTBOX (IMAGE MODAL AREA) -->\n<div id=\"ibixLightbox\" class=\"ibix-lightbox-modal\" onclick=\"closeLightbox()\">\n    <span class=\"ibix-close-btn\">&times;<\/span>\n    <img class=\"ibix-lightbox-content\" id=\"ibixLightboxImg\">\n    <div id=\"ibixCaption\"><\/div>\n<\/div>\n\n<style>\n    \/* MAIN FRAME *\/\n    .ibix-sand-wrapper {\n        position: relative;\n        width: 100%;\n        height: 600px;\n        background-color: #1a1a1a; \/* Industrial Dark Background *\/\n        font-family: 'Arial', sans-serif;\n        overflow: hidden;\n        border-radius: 4px;\n        box-shadow: 0 15px 50px rgba(0,0,0,0.5);\n        color: #fff;\n        transform: translateZ(0); \/* GPU Acceleration *\/\n    }\n\n    .ibix-sand-grid { display: none; } \/* Clean look *\/\n\n    \/* HEADER *\/\n    .ibix-sand-header {\n        position: absolute;\n        top: 25px; left: 25px; z-index: 30;\n        background: rgba(255, 255, 255, 0.95);\n        padding: 6px 20px 6px 6px;\n        border-radius: 4px;\n        display: flex; align-items: center; gap: 15px;\n        box-shadow: 0 5px 20px rgba(0,0,0,0.3);\n        pointer-events: none;\n    }\n\n    .ibix-sand-logo-box {\n        width: 80px; height: 55px; background: #fff;\n        display: flex; align-items: center; justify-content: center;\n        border-right: 3px solid #ffb700; padding-right: 10px;\n    }\n\n    .ibix-sand-main-logo { width: 100%; height: 100%; object-fit: contain; display: block; }\n    .ibix-sand-info { display: flex; flex-direction: column; justify-content: center; }\n    .ibix-sand-info h1 { font-family: 'Arial', sans-serif; font-size: 1.4rem; font-weight: 700; color: #111; margin: 0; line-height: 1; }\n    .ibix-sand-info .reg { font-size: 0.6rem; color: #ffb700; vertical-align: top; }\n    \n    .ibix-sand-meta { display: flex; align-items: center; gap: 8px; margin-top: 2px; }\n    \n    \/* D\u00dcZELTME: text-transform: uppercase kald\u0131r\u0131ld\u0131 *\/\n    .ibix-sand-meta span:last-child { \n        font-size: 0.7rem; \n        color: #333; \n        font-weight: 700; \n        letter-spacing: 0.5px; \n        \/* text-transform: uppercase; -> S\u0130L\u0130ND\u0130 *\/\n    }\n    \n    .sand-dot { width: 8px; height: 8px; background: #ffb700; border-radius: 50%; }\n\n    \/* STAGE & PANELS *\/\n    .ibix-sand-stage { display: flex; width: 100%; height: 100%; }\n\n    .ibix-sand-panel {\n        position: relative;\n        flex: 1;\n        height: 100%;\n        border-right: 1px solid rgba(255,255,255,0.2);\n        transition: flex 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n        overflow: hidden;\n        cursor: pointer;\n        background: #000;\n        will-change: flex;\n    }\n    .ibix-sand-panel:last-child { border-right: none; }\n\n    .ibix-sand-panel img {\n        width: 100%; height: 100%; object-fit: cover;\n        \/* --- VIBRANCY SETTINGS --- *\/\n        opacity: 1 !important; \/* Always fully visible *\/\n        filter: none !important; \/* No gray filter *\/\n        transition: transform 0.6s ease;\n        transform: scale(1);\n    }\n\n    \/* CONTENT AREA *\/\n    .ibix-sand-content {\n        position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;\n        padding: 40px; box-sizing: border-box;\n        display: flex; flex-direction: column; justify-content: flex-end;\n        z-index: 10; pointer-events: none;\n        background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 30%);\n    }\n\n    .ibix-sand-id {\n        position: absolute; top: 40px; right: 40px;\n        font-family: 'Arial', sans-serif; font-size: 1.5rem;\n        color: #fff; font-weight: 700; \n        text-shadow: 0 2px 5px rgba(0,0,0,0.8);\n        border: 1px solid rgba(255,255,255,0.4); \n        padding: 5px 10px; border-radius: 4px;\n        background: rgba(0,0,0,0.3);\n    }\n\n    .ibix-sand-indicator { position: absolute; bottom: 0; left: 0; width: 0%; height: 5px; background: #ffb700; transition: 0.4s; }\n\n    \/* --- HOVER EFFECTS --- *\/\n    \n    .ibix-sand-panel:hover {\n        flex: 6; \/* Smooth expansion *\/\n    }\n\n    .ibix-sand-panel:hover img {\n        \/* No color change, just slight zoom *\/\n        transform: scale(1.05);\n    }\n\n    .ibix-sand-panel:hover .ibix-sand-id { \n        background: #ffb700; color: #000; border-color: #ffb700; \n        transform: scale(1.1); transition: 0.3s; \n    }\n    \n    .ibix-sand-panel:hover .ibix-sand-indicator { width: 100%; }\n\n    \/* --- LIGHTBOX (MODAL) --- *\/\n    .ibix-lightbox-modal {\n        display: none; \n        position: fixed; z-index: 9999; padding-top: 50px; \n        left: 0; top: 0; width: 100%; height: 100%; \n        overflow: auto; \n        background-color: rgba(0,0,0,0.9); \/* Solid black background *\/\n        align-items: center; justify-content: center; flex-direction: column;\n    }\n\n    .ibix-lightbox-content {\n        margin: auto; display: block;\n        max-width: 90%; max-height: 80vh;\n        border: 2px solid #ffb700;\n        border-radius: 4px;\n        box-shadow: 0 0 30px rgba(0,0,0,0.8);\n        animation: simpleZoom 0.3s ease-out;\n    }\n\n    @keyframes simpleZoom {\n        from {transform:scale(0.9); opacity: 0;} to {transform:scale(1); opacity: 1;}\n    }\n\n    .ibix-close-btn {\n        position: absolute; top: 20px; right: 35px;\n        color: #fff; font-size: 40px; font-weight: bold;\n        transition: 0.2s; cursor: pointer; z-index: 10000;\n    }\n    .ibix-close-btn:hover { color: #ffb700; }\n\n    #ibixCaption {\n        margin: auto; display: block; width: 80%; max-width: 700px; text-align: center;\n        color: #fff; padding: 15px 0; font-family: 'Arial', sans-serif; font-size: 1.2rem;\n    }\n\n    \/* MOBILE *\/\n    @media (max-width: 900px) {\n        .ibix-sand-wrapper { height: auto; min-height: 600px; }\n        .ibix-sand-stage { flex-direction: column; }\n        .ibix-sand-panel { width: 100%; height: 200px; border-right: none; border-bottom: 1px solid rgba(255,255,255,0.2); }\n        .ibix-sand-panel:hover { flex: 4; }\n        .ibix-sand-header { position: relative; top: 0; left: 0; margin: 20px; width: auto; display: inline-flex; }\n        .ibix-sand-id { display: none; }\n    }\n<\/style>\n\n<script>\n    function openLightbox(element) {\n        var modal = document.getElementById(\"ibixLightbox\");\n        var modalImg = document.getElementById(\"ibixLightboxImg\");\n        var captionText = document.getElementById(\"ibixCaption\");\n        \n        var img = element.querySelector('img');\n        var altText = img.alt;\n        \n        modal.style.display = \"flex\";\n        modalImg.src = img.src;\n        captionText.innerHTML = altText;\n    }\n\n    function closeLightbox() {\n        var modal = document.getElementById(\"ibixLightbox\");\n        modal.style.display = \"none\";\n    }\n<\/script>\n\n\n","protected":false},"excerpt":{"rendered":"<p>ECOTERA &amp; BAUTERA\u00ae SURFACE CLEANING &amp; PROTECTION TECHNOLOGIES 01 02 03 04 \u00d7 RD COATINGS\u00ae WATER-BASED POLYURETHANE &#038; ACRYLIC COATINGS<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/antikorozyon.com\/eng\/wp-json\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/antikorozyon.com\/eng\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/antikorozyon.com\/eng\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/antikorozyon.com\/eng\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/antikorozyon.com\/eng\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":9,"href":"https:\/\/antikorozyon.com\/eng\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":1664,"href":"https:\/\/antikorozyon.com\/eng\/wp-json\/wp\/v2\/pages\/20\/revisions\/1664"}],"wp:attachment":[{"href":"https:\/\/antikorozyon.com\/eng\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}