{"id":50,"date":"2025-09-10T15:17:35","date_gmt":"2025-09-10T15:17:35","guid":{"rendered":"https:\/\/geomas.com\/?page_id=50"},"modified":"2026-02-17T14:54:07","modified_gmt":"2026-02-17T14:54:07","slug":"yalitim","status":"publish","type":"page","link":"https:\/\/geomas.com\/en\/uygulamalar\/yalitim\/","title":{"rendered":"Waterproofing"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"50\" class=\"elementor elementor-50\" data-elementor-settings=\"{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2e332d9 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"2e332d9\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3413d6b\" data-id=\"3413d6b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-56e5b65 elementor-widget elementor-widget-html\" data-id=\"56e5b65\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"tr\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Yal\u0131t\u0131m Uygulamalar\u0131<\/title>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"section-app\">\r\n\r\n    <div class=\"shadow uk-hidden\"><\/div>\r\n\r\n    <!-- DESKTOP: Resim \u00fczerinde markerlar -->\r\n    <div class=\"desktop-view\">\r\n        <img decoding=\"async\" src=\"https:\/\/geomas.com\/wp-content\/uploads\/2025\/09\/Image52_11zon-scaled.jpg\" style=\"width: 100%\">\r\n\r\n        <!-- TAB BUTONLARI -->\r\n        <div class=\"nav\">\r\n          <ul class=\"uk-subnav uk-margin-remove\">\r\n            <li><a href=\"#\" onclick=\"filterMarkers('all'); return false;\" class=\"filter-btn active\">All<\/a><\/li>\r\n            <li><a href=\"#\" onclick=\"filterMarkers('bentoshield'); return false;\" class=\"filter-btn\">Bentoshield Max Series<\/a><\/li>\r\n            <li><a href=\"#\" onclick=\"filterMarkers('poliuretan'); return false;\" class=\"filter-btn\">Polyurethane-based<\/a><\/li>\r\n            <li><a href=\"#\" onclick=\"filterMarkers('bitum'); return false;\" class=\"filter-btn\">Bitumen Emulsion<\/a><\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"markers\">\r\n            <a class=\"uk-position-absolute uk-transform-center uk-marker uk-active\" data-category=\"bentoshield\" style=\"left: 50%; top: 40%\" onclick=\"openPopup('popup-bentoshield-max')\" href=\"#\"><span>Bentoshield Max<\/span><\/a>\r\n            <a class=\"uk-position-absolute uk-transform-center uk-marker uk-active\" data-category=\"bentoshield\" style=\"left: 90%; top: 42%\" onclick=\"openPopup('popup-bentoshield-max-pe')\" href=\"#\"><span>Bentoshield Max th<\/span><\/a>\r\n            <a class=\"uk-position-absolute uk-transform-center uk-marker uk-active\" data-category=\"bentoshield\" style=\"left: 50%; top: 60%\" onclick=\"openPopup('popup-bentoshield-max-protex')\" href=\"#\"><span>Protex Bentoshield Max<\/span><\/a>\r\n            <a class=\"uk-position-absolute uk-transform-center uk-marker uk-active\" data-category=\"bentoshield\" style=\"left: 60%; top: 30%\" onclick=\"openPopup('popup-bentoshield-max-5')\" href=\"#\"><span>Bentoshield Max 5<\/span><\/a>\r\n            <a class=\"uk-position-absolute uk-transform-center uk-marker uk-active\" data-category=\"bentoshield\" style=\"left: 87%; top: 23%\" onclick=\"openPopup('popup-bentoshield-max-7')\" href=\"#\"><span>Bentoshield MAX 7<\/span><\/a>\r\n            <a class=\"uk-position-absolute uk-transform-center uk-marker uk-active\" data-category=\"bentoshield\" style=\"left: 40%; top: 48%\" onclick=\"openPopup('popup-bentoshield-max-lm')\" href=\"#\"><span>Bentoshield Max LM<\/span><\/a>\r\n            <a class=\"uk-position-absolute uk-transform-center uk-marker uk-active\" data-category=\"poliuretan\" style=\"left: 70%; top: 25%\" onclick=\"openPopup('popup-purtex')\" href=\"#\"><span>Purtex<\/span><\/a>\r\n            <a class=\"uk-position-absolute uk-transform-center uk-marker uk-active\" data-category=\"poliuretan\" style=\"left: 40%; top: 30%\" onclick=\"openPopup('popup-cortex')\" href=\"#\"><span>Cortex<\/span><\/a>\r\n            <a class=\"uk-position-absolute uk-transform-center uk-marker uk-active\" data-category=\"bitum\" style=\"left: 20%; top: 25%\" onclick=\"openPopup('popup-inoflexibit')\" href=\"#\"><span>Inoflexibit 2K<\/span><\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- MOB\u0130L\/TABLET: Kart tabanl\u0131 g\u00f6r\u00fcn\u00fcm -->\r\n    <div class=\"mobile-view\">\r\n        <div class=\"mobile-header\">\r\n            <img decoding=\"async\" src=\"https:\/\/geomas.com\/wp-content\/uploads\/2025\/09\/Image52_11zon-scaled.jpg\" alt=\"Yal\u0131t\u0131m Uygulamalar\u0131\">\r\n            <div class=\"mobile-header-overlay\">\r\n                <h1>Insulation Applications<\/h1>\r\n                <p>Discover our waterproofing products<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Mobil Filtre Butonlar\u0131 -->\r\n        <div class=\"mobile-nav\">\r\n            <div class=\"mobile-nav-scroll\">\r\n                <button class=\"mobile-filter-btn active\" data-filter=\"all\">All<\/button>\r\n                <button class=\"mobile-filter-btn\" data-filter=\"bentoshield\">Bentoshield Max<\/button>\r\n                <button class=\"mobile-filter-btn\" data-filter=\"poliuretan\">Polyurethane<\/button>\r\n                <button class=\"mobile-filter-btn\" data-filter=\"bitum\">Bitumen<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u00dcr\u00fcn Kartlar\u0131 -->\r\n        <div class=\"product-cards\">\r\n            <!-- Bentoshield Max Serisi -->\r\n            <div class=\"product-card\" data-category=\"bentoshield\" onclick=\"openPopup('popup-bentoshield-max')\">\r\n                <div class=\"card-badge bentoshield\">Bentoshield Max Series<\/div>\r\n                <h3>Bentoshield Max<\/h3>\r\n                <p>An effective waterproofing material composed of high-quality bentonite clay combined with geotextile fabrics.<\/p>\r\n                <div class=\"card-tags\">\r\n                    <span>Basic Insulation<\/span>\r\n                    <span>Bodrum<\/span>\r\n                    <span>Tunnel<\/span>\r\n                <\/div>\r\n                <div class=\"card-arrow\">\u2192<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"product-card\" data-category=\"bentoshield\" onclick=\"openPopup('popup-bentoshield-max-pe')\">\r\n                <div class=\"card-badge bentoshield\">Bentoshield Max Series<\/div>\r\n                <h3>Bentoshield Max th<\/h3>\r\n                <p>Advanced version with polyethylene film added. Provides both waterproofing and mechanical durability.<\/p>\r\n                <div class=\"card-tags\">\r\n                    <span>Raft Foundation<\/span>\r\n                    <span>Curtain Wall<\/span>\r\n                    <span>Pool<\/span>\r\n                <\/div>\r\n                <div class=\"card-arrow\">\u2192<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"product-card\" data-category=\"bentoshield\" onclick=\"openPopup('popup-bentoshield-max-protex')\">\r\n                <div class=\"card-badge bentoshield\">Bentoshield Max Series<\/div>\r\n                <h3>Protex Bentoshield Max<\/h3>\r\n                <p>Premium product manufactured with an additional protective layer. Superior performance in challenging terrain conditions.<\/p>\r\n                <div class=\"card-tags\">\r\n                    <span>Stony Ground<\/span>\r\n                    <span>Industrial<\/span>\r\n                <\/div>\r\n                <div class=\"card-arrow\">\u2192<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"product-card\" data-category=\"bentoshield\" onclick=\"openPopup('popup-bentoshield-max-5')\">\r\n                <div class=\"card-badge bentoshield\">Bentoshield Max Series<\/div>\r\n                <h3>Bentoshield Max 5<\/h3>\r\n                <p>High-performance waterproofing material containing 5 kg\/m\u00b2 bentonite. An economical and effective solution.<\/p>\r\n                <div class=\"card-tags\">\r\n                    <span>Residential<\/span>\r\n                    <span>Elevator Shaft<\/span>\r\n                <\/div>\r\n                <div class=\"card-arrow\">\u2192<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"product-card\" data-category=\"bentoshield\" onclick=\"openPopup('popup-bentoshield-max-7')\">\r\n                <div class=\"card-badge bentoshield\">Bentoshield Max Series<\/div>\r\n                <h3>Bentoshield MAX 7<\/h3>\r\n                <p>Provides superior protection against high water pressure with a bentonite content of 7 kg\/m\u00b2.<\/p>\r\n                <div class=\"card-tags\">\r\n                    <span>Deep Digging<\/span>\r\n                    <span>Tunnel<\/span>\r\n                    <span>Dam<\/span>\r\n                <\/div>\r\n                <div class=\"card-arrow\">\u2192<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"product-card\" data-category=\"bentoshield\" onclick=\"openPopup('popup-bentoshield-max-lm')\">\r\n                <div class=\"card-badge bentoshield\">Bentoshield Max Series<\/div>\r\n                <h3>Bentoshield Max LM<\/h3>\r\n                <p>Bentonite blanket specially designed for use in flexible structures with low modulus properties.<\/p>\r\n                <div class=\"card-tags\">\r\n                    <span>Bridge<\/span>\r\n                    <span>Railway<\/span>\r\n                    <span>Dynamic Load<\/span>\r\n                <\/div>\r\n                <div class=\"card-arrow\">\u2192<\/div>\r\n            <\/div>\r\n\r\n            <!-- Poli\u00fcretan Esasl\u0131 -->\r\n            <div class=\"product-card\" data-category=\"poliuretan\" onclick=\"openPopup('popup-purtex')\">\r\n                <div class=\"card-badge poliuretan\">Polyurethane-based<\/div>\r\n                <h3>Purtex<\/h3>\r\n                <p>Single-component, elastic waterproofing membrane. Superior performance in exterior applications with UV-resistant formula.<\/p>\r\n                <div class=\"card-tags\">\r\n                    <span>Terrace<\/span>\r\n                    <span>Roof<\/span>\r\n                    <span>Balcony<\/span>\r\n                <\/div>\r\n                <div class=\"card-arrow\">\u2192<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"product-card\" data-category=\"poliuretan\" onclick=\"openPopup('popup-cortex')\">\r\n                <div class=\"card-badge poliuretan\">Polyurethane-based<\/div>\r\n                <h3>Cortex<\/h3>\r\n                <p>Two-component professional waterproofing material. High mechanical strength and chemical resistance.<\/p>\r\n                <div class=\"card-tags\">\r\n                    <span>Industrial<\/span>\r\n                    <span>Commercial<\/span>\r\n                    <span>Chemical Storage Facility<\/span>\r\n                <\/div>\r\n                <div class=\"card-arrow\">\u2192<\/div>\r\n            <\/div>\r\n\r\n            <!-- Bit\u00fcm Emilsiyonlu -->\r\n            <div class=\"product-card\" data-category=\"bitum\" onclick=\"openPopup('popup-inoflexibit')\">\r\n                <div class=\"card-badge bitum\">Bitumen Emulsion<\/div>\r\n                <h3>Inoflexibit 2K<\/h3>\r\n                <p>Two-component flexible waterproofing material. Effective protection against both positive and negative water pressure.<\/p>\r\n                <div class=\"card-tags\">\r\n                    <span>Basic<\/span>\r\n                    <span>Water Tank<\/span>\r\n                    <span>Parking lot<\/span>\r\n                <\/div>\r\n                <div class=\"card-arrow\">\u2192<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- POPUP'LAR (T\u00fcm cihazlarda ortak) -->\r\n  \r\n    <!-- Bentoshield Max -->\r\n    <div id=\"popup-bentoshield-max\" class=\"popup\">\r\n        <div class=\"popup-content\">\r\n            <span class=\"close\" onclick=\"closePopup()\">\u00d7<\/span>\r\n            <div class=\"popup-header\">\r\n                <h4>Bentoshield Max Series<\/h4>\r\n            <\/div>\r\n            <div class=\"popup-body\">\r\n                <div class=\"popup-left\">\r\n                    <h3>Bentoshield Max<\/h3>\r\n                    <p>\r\n                        Bentoshield Max is an effective waterproofing material composed of high-quality bentonite clay combined with geotextile fabric. Thanks to its natural swelling properties, it creates an excellent water barrier and provides long-lasting waterproofing.\r\n                    <\/p>\r\n                    <h4>Application Areas<\/h4>\r\n                    <ul class=\"application-list\">\r\n                        <li>Basic waterproofing<\/li>\r\n                        <li>Basement floors<\/li>\r\n                        <li>Tunnel insulation<\/li>\r\n                        <li>Underground structures<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"popup-right\">\r\n                    <h4>Product Details<\/h4>\r\n                    <ul>\r\n                        <li><a href=\"\/en\/urunler\/yalitim\/bentoshield-max-serisi\/bentoshield-max\/\">Bentoshield Max<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Bentoshield Max PE -->\r\n    <div id=\"popup-bentoshield-max-pe\" class=\"popup\">\r\n        <div class=\"popup-content\">\r\n            <span class=\"close\" onclick=\"closePopup()\">\u00d7<\/span>\r\n            <div class=\"popup-header\">\r\n                <h4>Bentoshield Max Series<\/h4>\r\n            <\/div>\r\n            <div class=\"popup-body\">\r\n                <div class=\"popup-left\">\r\n                    <h3>Bentoshield Max th<\/h3>\r\n                    <p>\r\n                        Bentoshield Max PE is an enhanced version developed by adding a polyethylene (PE) film to bentonite clay. It provides both waterproofing and mechanical strength. The PE layer gives the material extra protection and durability.\r\n                    <\/p>\r\n                    <h4>Application Areas<\/h4>\r\n                    <ul class=\"application-list\">\r\n                        <li>Floor slab insulation<\/li>\r\n                        <li>Curtain wall insulation<\/li>\r\n                        <li>Water tank insulation<\/li>\r\n                        <li>Pool insulation<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"popup-right\">\r\n                    <h4>Product Details<\/h4>\r\n                    <ul>\r\n                        <li><a href=\"\/en\/urunler\/yalitim\/bentoshield-max-serisi\/bentoshield-max-pe\/\">Bentoshield Max th<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Bentoshield Max Protex -->\r\n    <div id=\"popup-bentoshield-max-protex\" class=\"popup\">\r\n        <div class=\"popup-content\">\r\n            <span class=\"close\" onclick=\"closePopup()\">\u00d7<\/span>\r\n            <div class=\"popup-header\">\r\n                <h4>Bentoshield Max Series<\/h4>\r\n            <\/div>\r\n            <div class=\"popup-body\">\r\n                <div class=\"popup-left\">\r\n                    <h3>Protex Bentoshield Max<\/h3>\r\n                    <p>\r\n                        Bentoshield Max Protex is a premium product manufactured with an additional protective layer on top of bentonite clay insulation. It provides superior performance and long life in challenging ground conditions. It offers safe application, especially on rocky and demanding terrain.\r\n                    <\/p>\r\n                    <h4>Application Areas<\/h4>\r\n                    <ul class=\"application-list\">\r\n                        <li>Basic insulation under harsh conditions<\/li>\r\n                        <li>Stony ground<\/li>\r\n                        <li>Special engineering structures<\/li>\r\n                        <li>Industrial buildings<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"popup-right\">\r\n                    <h4>Product Details<\/h4>\r\n                    <ul>\r\n                        <li><a href=\"\/en\/urunler\/yalitim\/bentoshield-max-serisi\/bentoshield-max-protex\/\">Protex Bentoshield Max<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Bentoshield Max 5 -->\r\n    <div id=\"popup-bentoshield-max-5\" class=\"popup\">\r\n        <div class=\"popup-content\">\r\n            <span class=\"close\" onclick=\"closePopup()\">\u00d7<\/span>\r\n            <div class=\"popup-header\">\r\n                <h4>Bentoshield Max Series<\/h4>\r\n            <\/div>\r\n            <div class=\"popup-body\">\r\n                <div class=\"popup-left\">\r\n                    <h3>Bentoshield Max 5<\/h3>\r\n                    <p>\r\n                        Bentoshield Max 5, a high-performance waterproofing material containing 5 kg\/m\u00b2 of bentonite. It offers an economical and effective solution with a bentonite density optimized for standard applications.\r\n                    <\/p>\r\n                    <h4>Application Areas<\/h4>\r\n                    <ul class=\"application-list\">\r\n                        <li>Residential foundation insulation<\/li>\r\n                        <li>Bodrum curtains<\/li>\r\n                        <li>Elevator shafts<\/li>\r\n                        <li>Underground passages<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"popup-right\">\r\n                    <h4>Product Details<\/h4>\r\n                    <ul>\r\n                        <li><a href=\"\/en\/urunler\/yalitim\/bentoshield-max-serisi\/bentoshield-max-5\/\">Bentoshield Max 5<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Bentoshield Max 7 -->\r\n    <div id=\"popup-bentoshield-max-7\" class=\"popup\">\r\n        <div class=\"popup-content\">\r\n            <span class=\"close\" onclick=\"closePopup()\">\u00d7<\/span>\r\n            <div class=\"popup-header\">\r\n                <h4>Bentoshield Max Series<\/h4>\r\n            <\/div>\r\n            <div class=\"popup-body\">\r\n                <div class=\"popup-left\">\r\n                    <h3>Bentoshield MAX 7<\/h3>\r\n                    <p>\r\n                        Bentoshield Max 7 provides superior protection against high water pressure with its 7 kg\/m\u00b2 bentonite content. Its dense bentonite structure offers maximum safety in demanding waterproofing projects.\r\n                    <\/p>\r\n                    <h4>Application Areas<\/h4>\r\n                    <ul class=\"application-list\">\r\n                        <li>High water table areas<\/li>\r\n                        <li>Deep excavations<\/li>\r\n                        <li>Tunnel projects<\/li>\r\n                        <li>Dam and embankment structures<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"popup-right\">\r\n                    <h4>Product Details<\/h4>\r\n                    <ul>\r\n                        <li><a href=\"\/en\/urunler\/yalitim\/bentoshield-max-serisi\/bentoshield-max-7\/\">Bentoshield MAX 7<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Bentoshield Max LM -->\r\n    <div id=\"popup-bentoshield-max-lm\" class=\"popup\">\r\n        <div class=\"popup-content\">\r\n            <span class=\"close\" onclick=\"closePopup()\">\u00d7<\/span>\r\n            <div class=\"popup-header\">\r\n                <h4>Bentoshield Max Series<\/h4>\r\n            <\/div>\r\n            <div class=\"popup-body\">\r\n                <div class=\"popup-left\">\r\n                    <h3>Bentoshield Max LM<\/h3>\r\n                    <p>\r\n                        Bentoshield Max LM (Low Modulus) is a bentonite membrane specially designed for use in flexible structures due to its low modulus properties. It delivers optimal performance in structures subject to movement and vibration.\r\n                    <\/p>\r\n                    <h4>Application Areas<\/h4>\r\n                    <ul class=\"application-list\">\r\n                        <li>Applications on flexible surfaces<\/li>\r\n                        <li>Bridge and viaduct foundations<\/li>\r\n                        <li>Railway structures<\/li>\r\n                        <li>Structures exposed to dynamic loads<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"popup-right\">\r\n                    <h4>Product Details<\/h4>\r\n                    <ul>\r\n                        <li><a href=\"\/en\/urunler\/yalitim\/bentoshield-max-serisi\/bentoshield-max-lm\/\">Bentoshield Max LM<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Purtex -->\r\n    <div id=\"popup-purtex\" class=\"popup\">\r\n        <div class=\"popup-content\">\r\n            <span class=\"close\" onclick=\"closePopup()\">\u00d7<\/span>\r\n            <div class=\"popup-header\">\r\n                <h4>Polyurethane Based Waterproofing Products<\/h4>\r\n            <\/div>\r\n            <div class=\"popup-body\">\r\n                <div class=\"popup-left\">\r\n                    <h3>Purtex<\/h3>\r\n                    <p>\r\n                        Purtex is a polyurethane-based, single-component, elastic waterproofing membrane. With its high flexibility and excellent adhesion properties, it ensures safe application on any surface. Its UV-resistant formula also delivers superior performance in exterior applications.\r\n                    <\/p>\r\n                    <h4>Application Areas<\/h4>\r\n                    <ul class=\"application-list\">\r\n                        <li>Terrace and roof insulation<\/li>\r\n                        <li>Bathrooms and wet areas<\/li>\r\n                        <li>Balconies and eaves<\/li>\r\n                        <li>External wall insulation<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"popup-right\">\r\n                    <h4>Product Details<\/h4>\r\n                    <ul>\r\n                        <li><a href=\"\/en\/urunler\/yalitim\/poliuretan-esasli-su-yalitim-urunleri\/purtex\/\">Purtex<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Cortex -->\r\n    <div id=\"popup-cortex\" class=\"popup\">\r\n        <div class=\"popup-content\">\r\n            <span class=\"close\" onclick=\"closePopup()\">\u00d7<\/span>\r\n            <div class=\"popup-header\">\r\n                <h4>Polyurethane Based Waterproofing Products<\/h4>\r\n            <\/div>\r\n            <div class=\"popup-body\">\r\n                <div class=\"popup-left\">\r\n                    <h3>Cortex<\/h3>\r\n                    <p>\r\n                        Cortex is a two-component polyurethane-based professional waterproofing material. It is preferred in industrial and commercial buildings due to its high mechanical strength and chemical resistance properties. Its cold application feature enables fast and safe installation.\r\n                    <\/p>\r\n                    <h4>Application Areas<\/h4>\r\n                    <ul class=\"application-list\">\r\n                        <li>Industrial facilities<\/li>\r\n                        <li>Commercial buildings<\/li>\r\n                        <li>Custom engineering projects<\/li>\r\n                        <li>Protection in chemical storage facilities<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"popup-right\">\r\n                    <h4>Product Details<\/h4>\r\n                    <ul>\r\n                        <li><a href=\"\/en\/urunler\/yalitim\/poliuretan-esasli-su-yalitim-urunleri\/cortex\/\">Cortex<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u0130noflexibit 2K -->\r\n    <div id=\"popup-inoflexibit\" class=\"popup\">\r\n        <div class=\"popup-content\">\r\n            <span class=\"close\" onclick=\"closePopup()\">\u00d7<\/span>\r\n            <div class=\"popup-header\">\r\n                <h4>Bitumen Waterproofing Products Emilsiyonlu<\/h4>\r\n            <\/div>\r\n            <div class=\"popup-body\">\r\n                <div class=\"popup-left\">\r\n                    <h3>Inoflexibit 2K<\/h3>\r\n                    <p>\r\n                        Inoflexibit 2K is a two-component flexible waterproofing material based on bitumen emulsion. Thanks to its cement-based second component, it provides excellent adhesion and mechanical strength. It offers effective protection against both positive and negative water pressure.\r\n                    <\/p>\r\n                    <h4>Application Areas<\/h4>\r\n                    <ul class=\"application-list\">\r\n                        <li>Foundation and basement insulation<\/li>\r\n                        <li>Water tanks<\/li>\r\n                        <li>Elevator shafts<\/li>\r\n                        <li>Underground parking lots<\/li>\r\n                        <li>Insulation in damp areas<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"popup-right\">\r\n                    <h4>Product Details<\/h4>\r\n                    <ul>\r\n                        <li><a href=\"\/en\/urunler\/yalitim\/bitum-emilsiyonlu-su-yalitim-urunleri\/inoflexibit-2k\/\">Inoflexibit 2K<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n* {\r\n    box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n    margin: 0;\r\n    padding: 0;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\r\n}\r\n\r\n\/* ==================== DESKTOP G\u00d6R\u00dcN\u00dcM ==================== *\/\r\n.desktop-view {\r\n    display: block;\r\n    position: relative;\r\n}\r\n\r\n.mobile-view {\r\n    display: none;\r\n}\r\n\r\n.section-app {\r\n    position: relative;\r\n}\r\n\r\n.section-app .nav {\r\n    position: absolute;\r\n    top: 40px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    max-width: 1100px;\r\n    width: 100%;\r\n    padding: 20px 30px;\r\n    background: rgba(255, 255, 255, 0);\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    justify-content: center;\r\n    z-index: 100;\r\n    border-radius: 8px;\r\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.section-app .nav .uk-subnav {\r\n    overflow: auto;\r\n    flex-wrap: nowrap;\r\n}\r\n\r\n.uk-margin-remove {\r\n    margin: 0 !important;\r\n}\r\n\r\n.uk-subnav {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    margin-left: -20px;\r\n    padding: 0;\r\n    list-style: none;\r\n}\r\n\r\n.section-app .nav .uk-subnav>li {\r\n    padding-left: 0;\r\n}\r\n\r\n.uk-subnav>* {\r\n    flex: none;\r\n    padding-left: 20px;\r\n    position: relative;\r\n}\r\n\r\n.filter-btn {\r\n    padding: 10px 18px;\r\n    background: #f0f0f0;\r\n    color: #333;\r\n    border-radius: 6px;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n    display: inline-block;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    white-space: nowrap;\r\n}\r\n\r\n.filter-btn:hover {\r\n    background: #e0e0e0;\r\n    color: #000;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.filter-btn.active {\r\n    background: #202020;\r\n    color: #fff;\r\n}\r\n\r\n\/* Markers *\/\r\n.section-app .shadow {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    height: 100%;\r\n    width: 100%;\r\n    background-color: rgba(0, 0, 0, .7);\r\n}\r\n\r\ncanvas, img, video {\r\n    max-width: 100%;\r\n    height: auto;\r\n    box-sizing: border-box;\r\n}\r\n\r\naudio, canvas, iframe, img, svg, video {\r\n    vertical-align: middle;\r\n}\r\n\r\n.markers .uk-marker.uk-active {\r\n    background: #10c522;\r\n    box-shadow: 0 0 0 0 #10c522;\r\n    animation: pulse 2s infinite;\r\n}\r\n\r\n.uk-position-absolute {\r\n    position: absolute !important;\r\n}\r\n\r\n.uk-transform-center {\r\n    transform: translate(-50%, -50%);\r\n}\r\n\r\n.uk-marker {\r\n    padding: 12px;\r\n    background: #000;\r\n    color: #fff;\r\n    border-radius: 500px;\r\n    background: #898c8f;\r\n    border: 8px solid #fff;\r\n    box-shadow: 0 4px 15px rgba(0, 0, 0, .3);\r\n    transition: opacity 0.3s, transform 0.3s, background 0.3s;\r\n    cursor: pointer;\r\n}\r\n\r\n.uk-marker:hover {\r\n    background: #10c522;\r\n    transform: translate(-50%, -50%) scale(1.1);\r\n}\r\n\r\n.uk-marker.hidden {\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    transform: translate(-50%, -50%) scale(0.8);\r\n}\r\n\r\n.markers .uk-marker.uk-active span {\r\n    color: #1e1e1e;\r\n    background: #fff;\r\n}\r\n\r\n.uk-marker span {\r\n    position: absolute;\r\n    white-space: nowrap;\r\n    left: 50%;\r\n    transform: translateX(-50%) translateY(calc(100% + 20px));\r\n    display: block;\r\n    bottom: 0;\r\n    background: #898c8f;\r\n    box-shadow: 0 2px 15px rgba(0, 0, 0, .1);\r\n    border-radius: 6px;\r\n    line-height: 26px;\r\n    padding: 5px 20px;\r\n    color: #fff;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n}\r\n\r\n.uk-link, a {\r\n    color: #268dcc;\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n}\r\n\r\n.uk-hidden, [hidden] {\r\n    display: none !important;\r\n}\r\n\r\n@keyframes pulse {\r\n  0% {\r\n    box-shadow: 0 0 0 0 rgba(16, 197, 34, 0.7);\r\n  }\r\n  70% {\r\n    box-shadow: 0 0 0 15px rgba(16, 197, 34, 0);\r\n  }\r\n  100% {\r\n    box-shadow: 0 0 0 0 rgba(16, 197, 34, 0);\r\n  }\r\n}\r\n\r\n.uk-margin-remove li a {\r\n    margin-left: 5px;\r\n    margin-right: 5px;\r\n}\r\n\r\n\/* ==================== POPUP STILLERI (T\u00dcM C\u0130HAZLAR) ==================== *\/\r\n.popup {\r\n    display: none;\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0, 0, 0, 0.7);\r\n    z-index: 1000;\r\n    overflow: auto;\r\n}\r\n\r\n.popup-content {\r\n    position: relative;\r\n    margin: 5% auto;\r\n    background-color: #fff;\r\n    border-radius: 12px;\r\n    margin-top: 100px;\r\n    padding: 30px;\r\n    width: 85%;\r\n    max-width: 1000px;\r\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.close {\r\n    position: absolute;\r\n    top: 15px;\r\n    right: 25px;\r\n    font-size: 32px;\r\n    cursor: pointer;\r\n    color: #333;\r\n    transition: color 0.3s;\r\n    z-index: 10;\r\n}\r\n\r\n.close:hover {\r\n    color: #ff0000;\r\n}\r\n\r\n.popup-header {\r\n    text-align: left;\r\n    margin-bottom: 25px;\r\n    border-bottom: 2px solid #f0f0f0;\r\n    padding-bottom: 15px;\r\n}\r\n\r\n.popup-header h3,\r\n.popup-header h4 {\r\n    margin: 0;\r\n    font-size: 28px;\r\n    color: #202020;\r\n    font-weight: 600;\r\n}\r\n\r\n.popup-body {\r\n    display: flex;\r\n    gap: 30px;\r\n}\r\n\r\n.popup-left {\r\n    flex: 2;\r\n    border-right: 2px solid #f0f0f0;\r\n    padding-right: 30px;\r\n}\r\n\r\n.popup-left h3 {\r\n    color: #202020;\r\n    font-size: 24px;\r\n    font-weight: 600;\r\n    margin-top: 0;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.popup-left h4 {\r\n    color: #202020;\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    margin-top: 20px;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.popup-left p {\r\n    color: #444;\r\n    line-height: 1.8;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.application-list {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0 0 20px 0;\r\n}\r\n\r\n.application-list li {\r\n    padding: 8px 0;\r\n    padding-left: 20px;\r\n    position: relative;\r\n    color: #444;\r\n    line-height: 1.6;\r\n}\r\n\r\n.application-list li:before {\r\n    content: \"\u25b8\";\r\n    position: absolute;\r\n    left: 0;\r\n    color: #10c522;\r\n    font-weight: bold;\r\n}\r\n\r\n.popup-right {\r\n    flex: 1;\r\n}\r\n\r\n.popup-right h4 {\r\n    color: #202020;\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    margin-top: 0;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.popup-right ul {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n}\r\n\r\n.popup-right li {\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.popup-right li a {\r\n    color: #268dcc;\r\n    text-decoration: none;\r\n    transition: color 0.3s;\r\n    font-weight: 500;\r\n}\r\n\r\n.popup-right li a:hover {\r\n    color: #202020;\r\n    text-decoration: underline;\r\n}\r\n\r\n\/* ==================== MOB\u0130L G\u00d6R\u00dcN\u00dcM ==================== *\/\r\n.mobile-view {\r\n    background: #f5f7fa;\r\n}\r\n\r\n.mobile-header {\r\n    position: relative;\r\n    height: 200px;\r\n    overflow: hidden;\r\n}\r\n\r\n.mobile-header img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n}\r\n\r\n.mobile-header-overlay {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    padding: 30px 20px 20px;\r\n    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);\r\n    color: white;\r\n}\r\n\r\n.mobile-header-overlay h1 {\r\n    margin: 0 0 5px 0;\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n}\r\n\r\n.mobile-header-overlay p {\r\n    margin: 0;\r\n    font-size: 14px;\r\n    opacity: 0.9;\r\n}\r\n\r\n\/* Mobil Navigasyon *\/\r\n.mobile-nav {\r\n    position: sticky;\r\n    top: 0;\r\n    background: white;\r\n    z-index: 100;\r\n    box-shadow: 0 2px 10px rgba(0,0,0,0.1);\r\n}\r\n\r\n.mobile-nav-scroll {\r\n    display: flex;\r\n    gap: 10px;\r\n    padding: 15px;\r\n    overflow-x: auto;\r\n    -webkit-overflow-scrolling: touch;\r\n    scrollbar-width: none;\r\n}\r\n\r\n.mobile-nav-scroll::-webkit-scrollbar {\r\n    display: none;\r\n}\r\n\r\n.mobile-filter-btn {\r\n    flex-shrink: 0;\r\n    padding: 10px 20px;\r\n    border: none;\r\n    border-radius: 25px;\r\n    background: #f0f0f0;\r\n    color: #333;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.mobile-filter-btn.active {\r\n    background: #10c522;\r\n    color: white;\r\n}\r\n\r\n.mobile-filter-btn:hover {\r\n    background: #e0e0e0;\r\n}\r\n\r\n.mobile-filter-btn.active:hover {\r\n    background: #0ea81d;\r\n}\r\n\r\n\/* \u00dcr\u00fcn Kartlar\u0131 *\/\r\n.product-cards {\r\n    padding: 20px;\r\n    display: grid;\r\n    gap: 15px;\r\n}\r\n\r\n.product-card {\r\n    background: white;\r\n    border-radius: 12px;\r\n    padding: 20px;\r\n    box-shadow: 0 2px 10px rgba(0,0,0,0.08);\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.product-card:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 5px 20px rgba(0,0,0,0.15);\r\n}\r\n\r\n.product-card.hidden {\r\n    display: none;\r\n}\r\n\r\n.card-badge {\r\n    display: inline-block;\r\n    padding: 4px 12px;\r\n    border-radius: 20px;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.card-badge.bentoshield {\r\n    background: #e8f5e9;\r\n    color: #2e7d32;\r\n}\r\n\r\n.card-badge.poliuretan {\r\n    background: #e3f2fd;\r\n    color: #1565c0;\r\n}\r\n\r\n.card-badge.bitum {\r\n    background: #fff3e0;\r\n    color: #ef6c00;\r\n}\r\n\r\n.product-card h3 {\r\n    margin: 0 0 10px 0;\r\n    font-size: 18px;\r\n    color: #202020;\r\n    font-weight: 600;\r\n}\r\n\r\n.product-card p {\r\n    margin: 0 0 15px 0;\r\n    font-size: 14px;\r\n    color: #666;\r\n    line-height: 1.5;\r\n}\r\n\r\n.card-tags {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n}\r\n\r\n.card-tags span {\r\n    padding: 4px 10px;\r\n    background: #f5f5f5;\r\n    border-radius: 4px;\r\n    font-size: 12px;\r\n    color: #555;\r\n}\r\n\r\n.card-arrow {\r\n    position: absolute;\r\n    right: 20px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    font-size: 24px;\r\n    color: #ccc;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.product-card:hover .card-arrow {\r\n    color: #10c522;\r\n    transform: translateY(-50%) translateX(5px);\r\n}\r\n\r\n\/* ==================== TABLET G\u00d6R\u00dcN\u00dcM (768px - 1024px) ==================== *\/\r\n@media (min-width: 769px) and (max-width: 1024px) {\r\n    .desktop-view {\r\n        display: none;\r\n    }\r\n    \r\n    .mobile-view {\r\n        display: block;\r\n    }\r\n    \r\n    .mobile-header {\r\n        height: 280px;\r\n    }\r\n    \r\n    .mobile-header-overlay h1 {\r\n        font-size: 32px;\r\n    }\r\n    \r\n    .mobile-header-overlay p {\r\n        font-size: 16px;\r\n    }\r\n    \r\n    .product-cards {\r\n        padding: 25px;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 20px;\r\n    }\r\n    \r\n    .product-card {\r\n        padding: 25px;\r\n    }\r\n    \r\n    .product-card h3 {\r\n        font-size: 20px;\r\n    }\r\n    \r\n    \/* Tablet Popup *\/\r\n    .popup-content {\r\n        width: 90%;\r\n        margin-top: 80px;\r\n        padding: 25px;\r\n    }\r\n    \r\n    .popup-body {\r\n        flex-direction: column;\r\n    }\r\n    \r\n    .popup-left {\r\n        border-right: none;\r\n        border-bottom: 2px solid #f0f0f0;\r\n        padding-right: 0;\r\n        padding-bottom: 20px;\r\n    }\r\n    \r\n    .popup-right {\r\n        padding-top: 20px;\r\n    }\r\n}\r\n\r\n\/* ==================== MOB\u0130L G\u00d6R\u00dcN\u00dcM (768px ve alt\u0131) ==================== *\/\r\n@media (max-width: 768px) {\r\n    .desktop-view {\r\n        display: none;\r\n    }\r\n    \r\n    .mobile-view {\r\n        display: block;\r\n    }\r\n    \r\n    .mobile-header {\r\n        height: 180px;\r\n    }\r\n    \r\n    .mobile-header-overlay {\r\n        padding: 25px 15px 15px;\r\n    }\r\n    \r\n    .mobile-header-overlay h1 {\r\n        font-size: 22px;\r\n    }\r\n    \r\n    .mobile-nav-scroll {\r\n        padding: 12px 15px;\r\n    }\r\n    \r\n    .mobile-filter-btn {\r\n        padding: 8px 16px;\r\n        font-size: 13px;\r\n    }\r\n    \r\n    .product-cards {\r\n        padding: 15px;\r\n        grid-template-columns: 1fr;\r\n    }\r\n    \r\n    .product-card {\r\n        padding: 18px;\r\n        padding-right: 50px;\r\n    }\r\n    \r\n    .product-card h3 {\r\n        font-size: 17px;\r\n    }\r\n    \r\n    .product-card p {\r\n        font-size: 13px;\r\n    }\r\n    \r\n    .card-tags span {\r\n        font-size: 11px;\r\n        padding: 3px 8px;\r\n    }\r\n    \r\n    \/* Mobil Popup *\/\r\n    .popup-content {\r\n        width: 95%;\r\n        margin: 20px auto;\r\n        padding: 20px;\r\n        border-radius: 16px;\r\n        max-height: 90vh;\r\n        overflow-y: auto;\r\n    }\r\n    \r\n    .close {\r\n        top: 10px;\r\n        right: 15px;\r\n        font-size: 28px;\r\n        width: 40px;\r\n        height: 40px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: #f5f5f5;\r\n        border-radius: 50%;\r\n    }\r\n    \r\n    .popup-header {\r\n        padding-right: 40px;\r\n        margin-bottom: 15px;\r\n        padding-bottom: 10px;\r\n    }\r\n    \r\n    .popup-header h4 {\r\n        font-size: 18px;\r\n    }\r\n    \r\n    .popup-body {\r\n        flex-direction: column;\r\n        gap: 0;\r\n    }\r\n    \r\n    .popup-left {\r\n        border-right: none;\r\n        border-bottom: 1px solid #f0f0f0;\r\n        padding-right: 0;\r\n        padding-bottom: 20px;\r\n    }\r\n    \r\n    .popup-left h3 {\r\n        font-size: 20px;\r\n    }\r\n    \r\n    .popup-left h4 {\r\n        font-size: 16px;\r\n    }\r\n    \r\n    .popup-left p {\r\n        font-size: 14px;\r\n        line-height: 1.7;\r\n    }\r\n    \r\n    .application-list li {\r\n        padding: 6px 0;\r\n        padding-left: 18px;\r\n        font-size: 14px;\r\n    }\r\n    \r\n    .popup-right {\r\n        padding-top: 20px;\r\n    }\r\n    \r\n    .popup-right h4 {\r\n        font-size: 16px;\r\n    }\r\n    \r\n    .popup-right li a {\r\n        font-size: 15px;\r\n        display: inline-block;\r\n        padding: 10px 0;\r\n    }\r\n}\r\n\r\n\/* ==================== K\u00dc\u00c7\u00dcK MOB\u0130L (480px ve alt\u0131) ==================== *\/\r\n@media (max-width: 480px) {\r\n    .mobile-header {\r\n        height: 160px;\r\n    }\r\n    \r\n    .mobile-header-overlay h1 {\r\n        font-size: 20px;\r\n    }\r\n    \r\n    .mobile-header-overlay p {\r\n        font-size: 13px;\r\n    }\r\n    \r\n    .mobile-filter-btn {\r\n        padding: 7px 14px;\r\n        font-size: 12px;\r\n    }\r\n    \r\n    .product-cards {\r\n        padding: 12px;\r\n        gap: 12px;\r\n    }\r\n    \r\n    .product-card {\r\n        padding: 15px;\r\n        padding-right: 45px;\r\n    }\r\n    \r\n    .card-badge {\r\n        font-size: 10px;\r\n        padding: 3px 10px;\r\n    }\r\n    \r\n    .product-card h3 {\r\n        font-size: 16px;\r\n    }\r\n    \r\n    .product-card p {\r\n        font-size: 12px;\r\n        margin-bottom: 12px;\r\n    }\r\n    \r\n    .card-tags {\r\n        gap: 6px;\r\n    }\r\n    \r\n    .card-tags span {\r\n        font-size: 10px;\r\n        padding: 2px 6px;\r\n    }\r\n    \r\n    .card-arrow {\r\n        right: 15px;\r\n        font-size: 20px;\r\n    }\r\n    \r\n    .popup-content {\r\n        padding: 15px;\r\n        margin: 10px;\r\n        width: calc(100% - 20px);\r\n    }\r\n    \r\n    .popup-header h4 {\r\n        font-size: 16px;\r\n    }\r\n    \r\n    .popup-left h3 {\r\n        font-size: 18px;\r\n    }\r\n}\r\n<\/style>\r\n    \r\n<script>\r\n\/\/ Desktop filtre fonksiyonu\r\nfunction filterMarkers(category) {\r\n    const markers = document.querySelectorAll('.markers .uk-marker');\r\n    const filterBtns = document.querySelectorAll('.filter-btn');\r\n    \r\n    filterBtns.forEach(btn => btn.classList.remove('active'));\r\n    event.target.classList.add('active');\r\n    \r\n    if (category === 'all') {\r\n        markers.forEach(marker => {\r\n            marker.classList.remove('hidden');\r\n        });\r\n    } else {\r\n        markers.forEach(marker => {\r\n            const markerCategory = marker.getAttribute('data-category');\r\n            if (markerCategory === category) {\r\n                marker.classList.remove('hidden');\r\n            } else {\r\n                marker.classList.add('hidden');\r\n            }\r\n        });\r\n    }\r\n}\r\n\r\n\/\/ Mobil filtre fonksiyonu\r\nfunction filterCards(category) {\r\n    const cards = document.querySelectorAll('.product-card');\r\n    const filterBtns = document.querySelectorAll('.mobile-filter-btn');\r\n    \r\n    filterBtns.forEach(btn => btn.classList.remove('active'));\r\n    event.target.classList.add('active');\r\n    \r\n    if (category === 'all') {\r\n        cards.forEach(card => {\r\n            card.classList.remove('hidden');\r\n        });\r\n    } else {\r\n        cards.forEach(card => {\r\n            const cardCategory = card.getAttribute('data-category');\r\n            if (cardCategory === category) {\r\n                card.classList.remove('hidden');\r\n            } else {\r\n                card.classList.add('hidden');\r\n            }\r\n        });\r\n    }\r\n}\r\n\r\n\/\/ Mobil filtre butonlar\u0131na event listener ekle\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const mobileFilterBtns = document.querySelectorAll('.mobile-filter-btn');\r\n    mobileFilterBtns.forEach(btn => {\r\n        btn.addEventListener('click', function() {\r\n            const filter = this.getAttribute('data-filter');\r\n            filterCards(filter);\r\n        });\r\n    });\r\n});\r\n\r\nfunction openPopup(id) {\r\n    const popup = document.getElementById(id);\r\n    if (popup) {\r\n        popup.style.display = \"block\";\r\n        document.body.style.overflow = \"hidden\";\r\n    }\r\n}\r\n\r\nfunction closePopup() {\r\n    const popups = document.querySelectorAll(\".popup\");\r\n    popups.forEach((popup) => {\r\n        popup.style.display = \"none\";\r\n    });\r\n    document.body.style.overflow = \"auto\";\r\n}\r\n\r\n\/\/ Popup d\u0131\u015f\u0131na t\u0131klay\u0131nca kapat\r\ndocument.addEventListener(\"click\", function (event) {\r\n    const popups = document.querySelectorAll(\".popup\");\r\n    popups.forEach((popup) => {\r\n        if (\r\n            popup.style.display === \"block\" &&\r\n            !popup.querySelector(\".popup-content\").contains(event.target) &&\r\n            !event.target.closest(\".uk-marker\") &&\r\n            !event.target.closest(\".product-card\")\r\n        ) {\r\n            popup.style.display = \"none\";\r\n            document.body.style.overflow = \"auto\";\r\n        }\r\n    });\r\n});\r\n\r\n\/\/ ESC tu\u015fu ile popup kapat\r\ndocument.addEventListener('keydown', function(event) {\r\n    if (event.key === 'Escape') {\r\n        closePopup();\r\n    }\r\n});\r\n\r\n\/\/ Touch swipe ile popup kapatma (mobil i\u00e7in)\r\nlet touchStartY = 0;\r\nlet touchEndY = 0;\r\n\r\ndocument.addEventListener('touchstart', function(e) {\r\n    touchStartY = e.changedTouches[0].screenY;\r\n}, false);\r\n\r\ndocument.addEventListener('touchend', function(e) {\r\n    touchEndY = e.changedTouches[0].screenY;\r\n    handleSwipe();\r\n}, false);\r\n\r\nfunction handleSwipe() {\r\n    const swipeThreshold = 100;\r\n    if (touchEndY - touchStartY > swipeThreshold) {\r\n        \/\/ A\u015fa\u011f\u0131 kayd\u0131rma - popup kapat\r\n        const openPopup = document.querySelector('.popup[style*=\"display: block\"]');\r\n        if (openPopup) {\r\n            closePopup();\r\n        }\r\n    }\r\n}\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Yal\u0131t\u0131m Uygulamalar\u0131 T\u00fcm\u00fc Bentoshield Max Serisi Poli\u00fcretan Esasl\u0131 Bit\u00fcm Emilsiyonlu Bentoshield Max Bentoshield Max PE Bentoshield Max Protex Bentoshield Max 5 Bentoshield [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":46,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-50","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/geomas.com\/en\/wp-json\/wp\/v2\/pages\/50","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/geomas.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/geomas.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/geomas.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/geomas.com\/en\/wp-json\/wp\/v2\/comments?post=50"}],"version-history":[{"count":37,"href":"https:\/\/geomas.com\/en\/wp-json\/wp\/v2\/pages\/50\/revisions"}],"predecessor-version":[{"id":3632,"href":"https:\/\/geomas.com\/en\/wp-json\/wp\/v2\/pages\/50\/revisions\/3632"}],"up":[{"embeddable":true,"href":"https:\/\/geomas.com\/en\/wp-json\/wp\/v2\/pages\/46"}],"wp:attachment":[{"href":"https:\/\/geomas.com\/en\/wp-json\/wp\/v2\/media?parent=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}