{"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":"insulation","status":"publish","type":"page","link":"https:\/\/geomas.com\/en\/applications\/insulation\/","title":{"rendered":"Waterproofing"},"content":{"rendered":"\t\t<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-e-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\" data-e-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-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\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%\" alt=\"Sahil kentinde yol, liman ve y\u00fcksek yap\u0131 in\u015faatlar\u0131n\u0131 g\u00f6steren g\u00f6rsel\">\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\">T\u00fcm\u00fc<\/a><\/li>\r\n            <li><a href=\"#\" onclick=\"filterMarkers('bentoshield'); return false;\" class=\"filter-btn\">Bentoshield Max Serisi<\/a><\/li>\r\n            <li><a href=\"#\" onclick=\"filterMarkers('poliuretan'); return false;\" class=\"filter-btn\">Poli\u00fcretan Esasl\u0131<\/a><\/li>\r\n            <li><a href=\"#\" onclick=\"filterMarkers('bitum'); return false;\" class=\"filter-btn\">Bit\u00fcm Emilsiyonlu<\/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 PE<\/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>Bentoshield Max Protex<\/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>\u0130noflexibit 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>Yal\u0131t\u0131m Uygulamalar\u0131<\/h1>\r\n                <p>Su yal\u0131t\u0131m \u00fcr\u00fcnlerimizi ke\u015ffedin<\/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\">T\u00fcm\u00fc<\/button>\r\n                <button class=\"mobile-filter-btn\" data-filter=\"bentoshield\">Bentoshield Max<\/button>\r\n                <button class=\"mobile-filter-btn\" data-filter=\"poliuretan\">Poli\u00fcretan<\/button>\r\n                <button class=\"mobile-filter-btn\" data-filter=\"bitum\">Bit\u00fcm<\/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 Serisi<\/div>\r\n                <h3>Bentoshield Max<\/h3>\r\n                <p>Y\u00fcksek kaliteli bentonit kil ile geotekstil kuma\u015flar\u0131n birle\u015fiminden olu\u015fan etkili su yal\u0131t\u0131m malzemesi.<\/p>\r\n                <div class=\"card-tags\">\r\n                    <span>Temel Yal\u0131t\u0131m\u0131<\/span>\r\n                    <span>Bodrum<\/span>\r\n                    <span>T\u00fcnel<\/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 Serisi<\/div>\r\n                <h3>Bentoshield Max PE<\/h3>\r\n                <p>Polietilen film eklenmi\u015f geli\u015fmi\u015f versiyon. Hem su yal\u0131t\u0131m\u0131 hem mekanik dayan\u0131kl\u0131l\u0131k sa\u011flar.<\/p>\r\n                <div class=\"card-tags\">\r\n                    <span>Radye Temel<\/span>\r\n                    <span>Perde Duvar<\/span>\r\n                    <span>Havuz<\/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 Serisi<\/div>\r\n                <h3>Bentoshield Max Protex<\/h3>\r\n                <p>Ek koruyucu tabaka ile \u00fcretilen premium \u00fcr\u00fcn. Zorlu zemin ko\u015fullar\u0131nda \u00fcst\u00fcn performans.<\/p>\r\n                <div class=\"card-tags\">\r\n                    <span>Ta\u015fl\u0131 Zemin<\/span>\r\n                    <span>End\u00fcstriyel<\/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 Serisi<\/div>\r\n                <h3>Bentoshield Max 5<\/h3>\r\n                <p>5 kg\/m\u00b2 bentonit i\u00e7eren y\u00fcksek performansl\u0131 su yal\u0131t\u0131m malzemesi. Ekonomik ve etkili \u00e7\u00f6z\u00fcm.<\/p>\r\n                <div class=\"card-tags\">\r\n                    <span>Konut<\/span>\r\n                    <span>Asans\u00f6r Kuyusu<\/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 Serisi<\/div>\r\n                <h3>Bentoshield Max 7<\/h3>\r\n                <p>7 kg\/m\u00b2 bentonit i\u00e7eri\u011fi ile y\u00fcksek su bas\u0131nc\u0131na kar\u015f\u0131 \u00fcst\u00fcn koruma sa\u011flar.<\/p>\r\n                <div class=\"card-tags\">\r\n                    <span>Derin Kaz\u0131<\/span>\r\n                    <span>T\u00fcnel<\/span>\r\n                    <span>Baraj<\/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 Serisi<\/div>\r\n                <h3>Bentoshield Max LM<\/h3>\r\n                <p>D\u00fc\u015f\u00fck mod\u00fcl \u00f6zelli\u011fi ile esnek yap\u0131larda kullan\u0131m i\u00e7in \u00f6zel tasarlanm\u0131\u015f bentonit \u00f6rt\u00fc.<\/p>\r\n                <div class=\"card-tags\">\r\n                    <span>K\u00f6pr\u00fc<\/span>\r\n                    <span>Demiryolu<\/span>\r\n                    <span>Dinamik Y\u00fck<\/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\">Poli\u00fcretan Esasl\u0131<\/div>\r\n                <h3>Purtex<\/h3>\r\n                <p>Tek komponentli, elastik su yal\u0131t\u0131m membran\u0131. UV dayan\u0131ml\u0131 form\u00fcl ile d\u0131\u015f cephe uygulamalar\u0131nda \u00fcst\u00fcn performans.<\/p>\r\n                <div class=\"card-tags\">\r\n                    <span>Teras<\/span>\r\n                    <span>\u00c7at\u0131<\/span>\r\n                    <span>Balkon<\/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\">Poli\u00fcretan Esasl\u0131<\/div>\r\n                <h3>Cortex<\/h3>\r\n                <p>\u0130ki komponentli profesyonel su yal\u0131t\u0131m malzemesi. Y\u00fcksek mekanik dayan\u0131m ve kimyasal diren\u00e7.<\/p>\r\n                <div class=\"card-tags\">\r\n                    <span>End\u00fcstriyel<\/span>\r\n                    <span>Ticari<\/span>\r\n                    <span>Kimyasal Depo<\/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\">Bit\u00fcm Emilsiyonlu<\/div>\r\n                <h3>\u0130noflexibit 2K<\/h3>\r\n                <p>\u0130ki komponentli esnek su yal\u0131t\u0131m malzemesi. Hem pozitif hem negatif su bas\u0131nc\u0131na kar\u015f\u0131 etkili koruma.<\/p>\r\n                <div class=\"card-tags\">\r\n                    <span>Temel<\/span>\r\n                    <span>Su Deposu<\/span>\r\n                    <span>Otopark<\/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()\">&times;<\/span>\r\n            <div class=\"popup-header\">\r\n                <h4>Bentoshield Max Serisi<\/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, y\u00fcksek kaliteli bentonit kil ile geotekstil kuma\u015flar\u0131n birle\u015fiminden olu\u015fan etkili bir su yal\u0131t\u0131m malzemesidir. Do\u011fal \u015fi\u015fme \u00f6zelli\u011fi sayesinde m\u00fckemmel su bariyeri olu\u015fturur ve uzun \u00f6m\u00fcrl\u00fc yal\u0131t\u0131m sa\u011flar.\r\n                    <\/p>\r\n                    <h4>Uygulama Alanlar\u0131<\/h4>\r\n                    <ul class=\"application-list\">\r\n                        <li>Temel su yal\u0131t\u0131m\u0131<\/li>\r\n                        <li>Bodrum katlar<\/li>\r\n                        <li>T\u00fcnel yal\u0131t\u0131m\u0131<\/li>\r\n                        <li>Yeralt\u0131 yap\u0131lar\u0131<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"popup-right\">\r\n                    <h4>\u00dcr\u00fcn Detay\u0131<\/h4>\r\n                    <ul>\r\n                        <li><a href=\"\/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()\">&times;<\/span>\r\n            <div class=\"popup-header\">\r\n                <h4>Bentoshield Max Serisi<\/h4>\r\n            <\/div>\r\n            <div class=\"popup-body\">\r\n                <div class=\"popup-left\">\r\n                    <h3>Bentoshield Max PE<\/h3>\r\n                    <p>\r\n                        Bentoshield Max PE, bentonit kilin \u00fczerine polietilen (PE) film eklenerek geli\u015ftirilmi\u015f versiyon. Hem su yal\u0131t\u0131m\u0131 hem de mekanik dayan\u0131kl\u0131l\u0131k sa\u011flar. PE tabakas\u0131, malzemeye ekstra koruma ve dayan\u0131kl\u0131l\u0131k kazand\u0131r\u0131r.\r\n                    <\/p>\r\n                    <h4>Uygulama Alanlar\u0131<\/h4>\r\n                    <ul class=\"application-list\">\r\n                        <li>Radye temel yal\u0131t\u0131m\u0131<\/li>\r\n                        <li>Perde duvar yal\u0131t\u0131m\u0131<\/li>\r\n                        <li>Su deposu yal\u0131t\u0131m\u0131<\/li>\r\n                        <li>Havuz yal\u0131t\u0131m\u0131<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"popup-right\">\r\n                    <h4>\u00dcr\u00fcn Detay\u0131<\/h4>\r\n                    <ul>\r\n                        <li><a href=\"\/urunler\/yalitim\/bentoshield-max-serisi\/bentoshield-max-pe\/\">Bentoshield Max PE<\/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()\">&times;<\/span>\r\n            <div class=\"popup-header\">\r\n                <h4>Bentoshield Max Serisi<\/h4>\r\n            <\/div>\r\n            <div class=\"popup-body\">\r\n                <div class=\"popup-left\">\r\n                    <h3>Bentoshield Max Protex<\/h3>\r\n                    <p>\r\n                        Bentoshield Max Protex, bentonit kil yal\u0131t\u0131m\u0131na ek koruyucu tabaka ile \u00fcretilen premium \u00fcr\u00fcn. Zorlu zemin ko\u015fullar\u0131nda \u00fcst\u00fcn performans ve uzun \u00f6m\u00fcr sa\u011flar. \u00d6zellikle ta\u015fl\u0131 ve zorlay\u0131c\u0131 zeminlerde g\u00fcvenli uygulama imkan\u0131 sunar.\r\n                    <\/p>\r\n                    <h4>Uygulama Alanlar\u0131<\/h4>\r\n                    <ul class=\"application-list\">\r\n                        <li>A\u011f\u0131r \u015fartlarda temel yal\u0131t\u0131m\u0131<\/li>\r\n                        <li>Ta\u015fl\u0131 zeminler<\/li>\r\n                        <li>\u00d6zel m\u00fchendislik yap\u0131lar\u0131<\/li>\r\n                        <li>End\u00fcstriyel yap\u0131lar<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"popup-right\">\r\n                    <h4>\u00dcr\u00fcn Detay\u0131<\/h4>\r\n                    <ul>\r\n                        <li><a href=\"\/urunler\/yalitim\/bentoshield-max-serisi\/bentoshield-max-protex\/\">Bentoshield Max Protex<\/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()\">&times;<\/span>\r\n            <div class=\"popup-header\">\r\n                <h4>Bentoshield Max Serisi<\/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, 5 kg\/m\u00b2 bentonit i\u00e7eren y\u00fcksek performansl\u0131 su yal\u0131t\u0131m malzemesi. Standart uygulamalar i\u00e7in optimize edilmi\u015f bentonit yo\u011funlu\u011fu ile ekonomik ve etkili \u00e7\u00f6z\u00fcm sunar.\r\n                    <\/p>\r\n                    <h4>Uygulama Alanlar\u0131<\/h4>\r\n                    <ul class=\"application-list\">\r\n                        <li>Konut temel yal\u0131t\u0131m\u0131<\/li>\r\n                        <li>Bodrum perdeleri<\/li>\r\n                        <li>Asans\u00f6r kuyular\u0131<\/li>\r\n                        <li>Yeralt\u0131 ge\u00e7itleri<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"popup-right\">\r\n                    <h4>\u00dcr\u00fcn Detay\u0131<\/h4>\r\n                    <ul>\r\n                        <li><a href=\"\/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()\">&times;<\/span>\r\n            <div class=\"popup-header\">\r\n                <h4>Bentoshield Max Serisi<\/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, 7 kg\/m\u00b2 bentonit i\u00e7eri\u011fi ile y\u00fcksek su bas\u0131nc\u0131na kar\u015f\u0131 \u00fcst\u00fcn koruma sa\u011flar. Yo\u011fun bentonit yap\u0131s\u0131, zorlu su yal\u0131t\u0131m projelerinde maksimum g\u00fcvenlik sunar.\r\n                    <\/p>\r\n                    <h4>Uygulama Alanlar\u0131<\/h4>\r\n                    <ul class=\"application-list\">\r\n                        <li>Y\u00fcksek su tablal\u0131 b\u00f6lgeler<\/li>\r\n                        <li>Derin kaz\u0131lar<\/li>\r\n                        <li>T\u00fcnel projeleri<\/li>\r\n                        <li>Baraj ve set yap\u0131lar\u0131<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"popup-right\">\r\n                    <h4>\u00dcr\u00fcn Detay\u0131<\/h4>\r\n                    <ul>\r\n                        <li><a href=\"\/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()\">&times;<\/span>\r\n            <div class=\"popup-header\">\r\n                <h4>Bentoshield Max Serisi<\/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), d\u00fc\u015f\u00fck mod\u00fcl \u00f6zelli\u011fi ile esnek yap\u0131larda kullan\u0131m i\u00e7in \u00f6zel olarak tasarlanm\u0131\u015f bentonit \u00f6rt\u00fc. Hareket ve titre\u015fimin oldu\u011fu yap\u0131larda optimum performans g\u00f6sterir.\r\n                    <\/p>\r\n                    <h4>Uygulama Alanlar\u0131<\/h4>\r\n                    <ul class=\"application-list\">\r\n                        <li>Esnek zemin \u00fczerine uygulamalar<\/li>\r\n                        <li>K\u00f6pr\u00fc ve viyad\u00fck temelleri<\/li>\r\n                        <li>Demiryolu yap\u0131lar\u0131<\/li>\r\n                        <li>Dinamik y\u00fcklere maruz yap\u0131lar<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"popup-right\">\r\n                    <h4>\u00dcr\u00fcn Detay\u0131<\/h4>\r\n                    <ul>\r\n                        <li><a href=\"\/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()\">&times;<\/span>\r\n            <div class=\"popup-header\">\r\n                <h4>Poli\u00fcretan Esasl\u0131 Su Yal\u0131t\u0131m \u00dcr\u00fcnleri<\/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, poli\u00fcretan esasl\u0131, tek komponentli, elastik su yal\u0131t\u0131m membran\u0131d\u0131r. Y\u00fcksek esneklik ve m\u00fckemmel yap\u0131\u015fma \u00f6zellikleri ile her t\u00fcrl\u00fc y\u00fczeyde g\u00fcvenli uygulama sa\u011flar. UV dayan\u0131ml\u0131 form\u00fcl\u00fc ile d\u0131\u015f cephe uygulamalar\u0131nda da \u00fcst\u00fcn performans g\u00f6sterir.\r\n                    <\/p>\r\n                    <h4>Uygulama Alanlar\u0131<\/h4>\r\n                    <ul class=\"application-list\">\r\n                        <li>Teras ve \u00e7at\u0131 yal\u0131t\u0131m\u0131<\/li>\r\n                        <li>Banyo ve \u0131slak hacimler<\/li>\r\n                        <li>Balkon ve sa\u00e7aklar<\/li>\r\n                        <li>D\u0131\u015f cephe yal\u0131t\u0131m\u0131<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"popup-right\">\r\n                    <h4>\u00dcr\u00fcn Detay\u0131<\/h4>\r\n                    <ul>\r\n                        <li><a href=\"\/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()\">&times;<\/span>\r\n            <div class=\"popup-header\">\r\n                <h4>Poli\u00fcretan Esasl\u0131 Su Yal\u0131t\u0131m \u00dcr\u00fcnleri<\/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, iki komponentli poli\u00fcretan esasl\u0131 profesyonel su yal\u0131t\u0131m malzemesidir. Y\u00fcksek mekanik dayan\u0131m ve kimyasal diren\u00e7 \u00f6zellikleri ile end\u00fcstriyel ve ticari yap\u0131larda tercih edilir. So\u011fuk uygulama \u00f6zelli\u011fi sayesinde h\u0131zl\u0131 ve g\u00fcvenli montaj imkan\u0131 sa\u011flar.\r\n                    <\/p>\r\n                    <h4>Uygulama Alanlar\u0131<\/h4>\r\n                    <ul class=\"application-list\">\r\n                        <li>End\u00fcstriyel tesisler<\/li>\r\n                        <li>Ticari yap\u0131lar<\/li>\r\n                        <li>\u00d6zel m\u00fchendislik projeleri<\/li>\r\n                        <li>Kimyasal madde depolar\u0131nda koruma<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"popup-right\">\r\n                    <h4>\u00dcr\u00fcn Detay\u0131<\/h4>\r\n                    <ul>\r\n                        <li><a href=\"\/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()\">&times;<\/span>\r\n            <div class=\"popup-header\">\r\n                <h4>Bit\u00fcm Emilsiyonlu Su Yal\u0131t\u0131m \u00dcr\u00fcnleri<\/h4>\r\n            <\/div>\r\n            <div class=\"popup-body\">\r\n                <div class=\"popup-left\">\r\n                    <h3>\u0130noflexibit 2K<\/h3>\r\n                    <p>\r\n                        \u0130noflexibit 2K, bit\u00fcm em\u00fclsiyonu esasl\u0131, iki komponentli esnek su yal\u0131t\u0131m malzemesidir. \u00c7imento bazl\u0131 ikinci komponent sayesinde m\u00fckemmel yap\u0131\u015fma ve mekanik dayan\u0131m sa\u011flar. Hem pozitif hem de negatif su bas\u0131nc\u0131na kar\u015f\u0131 etkili koruma sunar.\r\n                    <\/p>\r\n                    <h4>Uygulama Alanlar\u0131<\/h4>\r\n                    <ul class=\"application-list\">\r\n                        <li>Temel ve bodrum yal\u0131t\u0131m\u0131<\/li>\r\n                        <li>Su depolar\u0131<\/li>\r\n                        <li>Asans\u00f6r kuyular\u0131<\/li>\r\n                        <li>Yeralt\u0131 otoparklar\u0131<\/li>\r\n                        <li>Nemli zeminlerde yal\u0131t\u0131m<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"popup-right\">\r\n                    <h4>\u00dcr\u00fcn Detay\u0131<\/h4>\r\n                    <ul>\r\n                        <li><a href=\"\/urunler\/yalitim\/bitum-emilsiyonlu-su-yalitim-urunleri\/inoflexibit-2k\/\">\u0130noflexibit 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>\n\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>\n\t\t","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>\n","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}]}}